js script smiley werken niet meer op IE8

[colaboer4]

Hey beste allemaal,

Ik heb in mijn site al een behoorlijke tijd een gastenboek met smileys verwerkt.
Om de smileys in mijn textarea te zetten maakte ik gebruik van het onderstaande javascript...

[JS]
<script>
function smile(code)
{
document.getElementById('msg').value=document.getElementById('msg').value += code;
document.getElementById('msg').focus();
}
</script>
[/JS]

Maar met IE8 werkt dit niet meer ik heb al rond gekeken maar kan geen werkend alternatief vinden. Wie kan mij helpen.

Bij voorbaad dank.

Met vriendelijke groet,

Nicky

 

[Tha Devil]

Sowieso lijkt mij regel 4 niet goed te gaan.

Als je iets bij een string wilt toevoegen kan dat op twee manieren

Manier 1, de lange versie
[js]
document.getElementById('msg').value = document.getElementById('msg').value + code;
[/js]
Manier 2, de korte versie van manier 1
[js]
document.getElementById('msg').value += code;
[/js]

Probeer een van beide eens

 

[colaboer4]

Ik heb ze geprobeerd maar ze willen niet werken.

 

[ErikBooy007]

Post anders eens de hele code. Dus ook de aanroep, de code voor de textarea etc.

 

[colaboer4]

<form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>"><table>
	  <tr><td>Naam: </td><td><input type="text" name="naam"/></td><td></td><td width = "165px" rowspan="4">

      <img src="images/smilies/angel_not.gif" onclick="javascript:smile(':angel:')"  />
      <img src="images/smilies/beer.gif" onclick="javascript:smile(':beer:')" />
      <img src="images/smilies/biggrin.gif" onclick="javascript:smile(':biggrin:')" />
      <img src="images/smilies/blink.gif" onclick="javascript:smile(':blink:')" />
      <img src="images/smilies/blush.gif" onclick="javascript:smile(':blush:')" />
      <img src="images/smilies/bored.gif" onclick="javascript:smile(':bored:')" />
      <img src="images/smilies/child.gif" onclick="javascript:smile(':child:')" />
      <img src="images/smilies/cool.gif" onclick="javascript:smile(':cool:')" />
      <img src="images/smilies/criminal.gif" onclick="javascript:smile(':criminal:')" />
      <img src="images/smilies/devil.jpg" onclick="javascript:smile(':evil:')" />
      <img src="images/smilies/dry.gif" onclick="javascript:smile(':dry:')" />
      <img src="images/smilies/excl.gif" onclick="javascript:smile(':sign:')" />
      <img src="images/smilies/friends.gif" onclick="javascript:smile(':friends:')" />
      <img src="images/smilies/hail.gif" onclick="javascript:smile(':heil:')" />
      <img src="images/smilies/happy.gif" onclick="javascript:smile(':happy:')" />
      <img src="images/smilies/huh.gif" onclick="javascript:smile(':huh:')" />
      <img src="images/smilies/laugh.gif" onclick="javascript:smile(':laugh:')" />
      <img src="images/smilies/lol.gif" onclick="javascript:smile(':lol:')" />
      <img src="images/smilies/mad.gif" onclick="javascript:smile(':mad:')" />
      <img src="images/smilies/mellow.gif" onclick="javascript:smile(':mellow:')" />
      <img src="images/smilies/ohmy.gif" onclick="javascript:smile(':ohmy:')" />
      <img src="images/smilies/ok.gif" onclick="javascript:smile(':ok:')" />
      <img src="images/smilies/puh.gif" onclick="javascript:smile(':puh:')" />
      <img src="images/smilies/rolleyes.gif" onclick="javascript:smile(':roll:')" />
      <img src="images/smilies/sad.gif" onclick="javascript:smile(':sad:')" />
      <img src="images/smilies/schater.gif" onclick="javascript:smile(':schater:')" />
      <img src="images/smilies/sleep.gif" onclick="javascript:smile(':sleep:')" />
      <img src="images/smilies/smile.gif" onclick="javascript:smile(':smile:')" />
      <img src="images/smilies/spam.gif" onclick="javascript:smile(':spam:')" />
      <img src="images/smilies/sweet.gif" onclick="javascript:smile(':sweet:')" />
      <img src="images/smilies/tongue.gif" onclick="javascript:smile(':tongue:')" />
      <img src="images/smilies/unsure.gif" onclick="javascript:smile(':unsure:')" />
      <img src="images/smilies/wacko.gif" onclick="javascript:smile(':confused:')" />
      <img src="images/smilies/wave.gif" onclick="javascript:smile(':wave:')" />
      <img src="images/smilies/whistle.gif" onclick="javascript:smile(':whistle:')" />
      <img src="images/smilies/wink.gif" onclick="javascript:smile(':wink:')" />
      <img src="images/smilies/wub.gif" onclick="javascript:smile(':love:')" />
      <img src="images/smilies/bold.gif" onclick="javascript:smile('[b]hier tekst[/b]')" />
      <img src="images/smilies/italic.gif" onclick="javascript:smile('[i]hier tekst[/i]')" />
      <img src="images/smilies/underline.gif" onclick="javascript:smile('[u]hier tekst[/u]')" />

      </td></tr>
	  <tr><td>Email: </td><td><input type="text" name="email" /></td></tr>
      <tr><td>Website: </td><td><input type="text" name="website"/></td></tr>
	  <tr><td>Bericht: </td><td><textarea name="txtarea" rows="5" cols="30"></textarea></td></tr>
      <tr><td> </td><td><img src="images/code.jpg" alt="code" /><input type="text" name="code"></td></tr>
	  <tr><td></td><td><input type="submit" name="submit" value="submit" /></td></tr>
	  </form></table>

[JS]
<script>
function smile(code)
{
document.getElementById('msg').value=document.getElementById('msg').value += code;
document.getElementById('msg').focus();
}
</script>
[/JS]

Dat is het volgens mij zo wel... alleen de php code niet maar die is in deze context niet nodig volgens mij.

 

[ErikBooy007]

Als je van:

<textarea name="txtarea" rows="5" cols="30"></textarea>

nou eens:

<textarea name="txtarea" rows="5" cols="30" id="msg"></textarea>

maakt. Ik zie nergens op je pagina een element dat als ID 'msg' heeft. Dan is het natuurlijk niet zo verwonderlijk dat je code niet werkt.

 

[colaboer4]

harstikke bedankt nu werkt het weer. Het is echt vaag want bij IE7 werkte het wel als de name attribuut msg was...

 

[ErikBooy007]

Maar dat is ook een bug, want dat hoort niet. Voor getElementById() móet je een id opgeven. Als het geen gelijkend ID kan vinden, dan zal het wel naar een name attribuut gaan zoeken, om toch nog wat functionaliteit te bieden, maar zoals je ziet, biedt dat verschillen tussen browser.

Maar mooi dat het nu werkt!