Menu
hi everyone,
i am trying to create a page that displays an Ascii image and allows the user to choose what character they would like changed and what they would like it change to. Here is the code so far:
<?xml version=”1.0″ encoding=”iso-8859-1″?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html xmlns=”
<head>
<title>Javascript</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<link href=”Style.css” rel=”stylesheet” type=”text/css” />
<script language=”JavaScript” type=”text/javascript”>
pic = new Array();
function WritePic()
{
var numCol = 8;
pic = [“i”, “_“, “)”, “|”, ” “, ” “, “‘”, “_“, “
document.write(“<div style=’font-family:monospace’ id=’image’><pre>”);
for(row = 0; row < 8; row++) {
for(col = 0; col < 8; col++) {
document.write(pic[numCol*row+col]);
}
document.write(“<br/>”);
}
document.write(“</pre></div>”);
}
function ChangePic(oldChar,newChar){
var image = document.getElementById(‘image’);
if(image.innerHTML.match(oldChar,’g’)){
image.innerHTML = image.innerHTML.replace(new RegExp(oldChar,’g’),newChar);
} else{alert(‘The character you picked is not present… Please pick again!’)}
}
</script>
</head>
<body>
<form name=”frmPic” id=”frmPic” action = “”>
<script language=”JavaScript” type=”text/javascript”>
WritePic()
</script>
<p>Please insert a character that you would like changed: <br />
<input name=”oldChar” type=”text” id=”txtChangeChar” maxlength=”1″ />
<br />
Please insert the character you would like it changed to:<br />
<input name=”newChar” type=”text” id=”txtNewChar” maxlength=”1″ />
</p>
<p>
<input name=”btnChange” type=”button” id=”btnChange” value=”Change”
onclick=”ChangePic(this.form.oldChar.value,this.form.newChar.value)” />
</p>
<p> </p>
</form>
<p align=”center”><font size=”2″ face=”Arial, Helvetica, sans-serif”><a href=”index.htm”>Back
to main page</a></font></p>
</body>
</html>
this works for some characters but not for |, or )
Can anyone help because im out of ideas!
cheers Shaun