Menu
Hi all, I am trying to set an onclick statement. I have done this before but this time it seems to go wrong.
The browser doesn’t see any mistakes and neither does my MacroMedia. I have been checking the code to see what’s wrong but I really can’t find it.
The webpage looks like this
[CODE]
<html>
<head>
<title>Post message in chat</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<style type=”text/css”>
img, a {border: 0;}
.smilyButton { cursor: pointer; }
</style>
<script type=”text/javascript”>
<!–//
// Run function onload
onload = initSmilies;
// Set all listeners
function initSmilies() {
if(document.getElementById(“smilySmile”)) { // Check if there are smilies
document.getElementById(“smilySmile”).onclick = messageAdd(“:)”); // Run function when smily is clicked
document.getElementById(“smilySad”).onclick = messageAdd(“:(“); // Run function when smily is clicked
document.getElementById(“smilyAngry”).onclick = messageAdd(“:@”); // Run function when smily is clicked
document.getElementById(“smilyWink”).onclick = messageAdd(“;)”); // Run function when smily is clicked
document.getElementById(“smilyCool”).onclick = messageAdd(“:h”); // Run function when smily is clicked
document.getElementById(“smilyTongue”).onclick = messageAdd(“:p”); // Run function when smily is clicked
document.getElementById(“smilyHappy”).onclick = messageAdd(“:d”); // Run function when smily is clicked
document.getElementById(“smilyConfused”).onclick = messageAdd(“:s”); // Run function when smily is clicked
document.getElementById(“smilyCry”).onclick = messageAdd(“:'(“); // Run function when smily is clicked
document.getElementById(“smilyScared”).onclick = messageAdd(“:t”); // Run function when smily is clicked
document.getElementById(“smilyShy”).onclick = messageAdd(“:0”); // Run function when smily is clicked
document.getElementById(“smilyUh”).onclick = messageAdd(“:?”); // Run function when smily is clicked
document.getElementById(“smilyGrin”).onclick = messageAdd(“:v”); // Run function when smily is clicked
document.getElementById(“smilyLol”).onclick = messageAdd(“:u”); // Run function when smily is clicked
document.getElementById(“smilyBiglol”).onclick = messageAdd(“:lol”); // Run function when smily is clicked
document.getElementById(“smilyYeah”).onclick = messageAdd(“:\”); // Run function when smily is clicked
document.getElementById(“smilyWee”).onclick = messageAdd(“:wtf”); // Run function when smily is clicked
document.getElementById(“smilyRight”).onclick = messageAdd(“:|”); // Run function when smily is clicked
document.getElementById(“smilySleep”).onclick = messageAdd(“:z”); // Run function when smily is clicked
}
}
// Function to add smily
function messageAdd(text) {
var messageBox = document.getElementById(“message”); // Get message box
messageBox.value += text; // Add text
messageBox.focus(); // Set focus to message field
}
//–>
</script>
</head>
<body onload=”javascript: messageAdd(”);”>
<div style=”text-align: center;”>
<form action=”chat.post.php?doit=addpost&user=<?php echo $_GET[“user”]; ?>” method=”post” id=”chat” name=”chat”>
<fieldset>
<legend>
<span class=”main”>
<b><font color=”#808080″> Smilies </font></b>
</span>
</legend>
<span class=”main”>
<img src=”images/smilies/smile.BMP” alt=”:)” id=”smilySmile” class=”smilyButton”>
<img src=”images/smilies/sad.BMP” alt=”:(” id=”smilySad” class=”smilyButton”>
<img src=”images/smilies/angry.BMP” alt=”:@” id=”smilyAngry” class=”smilyButton”>
<img src=”images/smilies/wink.BMP” alt=”;)” id=”smilyWink” class=”smilyButton”>
<img src=”images/smilies/cool.BMP” alt=”:h” id=”smilyCool” class=”smilyButton”>
<img src=”images/smilies/tongue.BMP” alt=”:p” id=”smilyTongue” class=”smilyButton”>
<img src=”images/smilies/happy.BMP” alt=”:d” id=”smilyHappy” class=”smilyButton”>
<img src=”images/smilies/confused.BMP” alt=”:s” id=”smilyConfused” class=”smilyButton”>
<img src=”images/smilies/cry.BMP” alt=”:'(” id=”smilyCry” class=”smilyButton”>
<img src=”images/smilies/scared.BMP” alt=”:t” id=”smilyScared” class=”smilyButton”>
<img src=”images/smilies/shy.BMP” alt=”:0″ id=”smilyShy” class=”smilyButton”>
<img src=”images/smilies/uh.BMP” alt=”:?” id=”smilyUh” class=”smilyButton”>
<img src=”images/smilies/grin.BMP” alt=”:v” id=”smilyGrin” class=”smilyButton”>
<img src=”images/smilies/lol.BMP” alt=”:u” id=”smilyLol” class=”smilyButton”>
<img src=”images/smilies/biglol.BMP” alt=”:lol” id=”smilyBiglol” class=”smilyButton”>
<img src=”images/smilies/yeah.BMP” alt=”:\” id=”smilyYeah” class=”smilyButton”>
<img src=”images/smilies/wee.BMP” alt=”:wtf” id=”smilyWee” class=”smilyButton”>
<img src=”images/smilies/right.BMP” alt=”:|” id=”smilyRight” class=”smilyButton”>
<img src=”images/smilies/sleep.BMP” alt=”:z” id=”smilySleep” class=”smilyButton”>
</span>
</fieldset>
<div class=”wrapper”>
<input name=”name” type=”hidden” value=”<% =sessionname %>”>
<input type=”text” name=”message” id=”message” style=”width: 650px”>
<input name=”submit” type=”submit” class=”input” value=”Say” style=”width: 90px”>
</div>
</form>
</div>
</body>
</html>
Normally my js script should be working but this time when I press a smily, nothing happens :s.
Please tell me what’s wrong with it =(