Smilies i tekstbox, ved tryk på smilie
Jeg har en shoutbox hvor man er nød til at markere en tekst og kopiere den og så indsætte den i tekstboxen:http://www.haddaway.dk/
se nederest på siden til højre!
Men kunne godt tænke mig et javascript som gjorde at man trykkede på en af smilierne, og den så automatisk lavede "koden" oppe i tekstboxen.
<base target="_self">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="100%" height="6"></td>
</tr>
<tr>
<td width="100%"><?php include("onlyshout.txt"); ?>
</td>
</tr>
<tr>
<td width="100%" height="6"></td>
</tr>
</table>
<table border="2" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#9CADB5" width="100%" bgcolor="#EEEEEE" background="Pic/BG/Nyheds_BG.gif">
<tr>
<td width="100%">
<div align="center">
<center>
<p style="margin-top: 0; margin-bottom: 0">Skriv en kort besked:</p>
<table style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0"><td class=main>
<form method="POST" action="shout.php">
<p>Navn :</p>
</td><td><input size="15" maxlength="15" type="text" name="name"></td></tr><tr><td class=main>
Besked :</td><td><input size="15" maxlength="120" type="text" name="message"></td></tr><tr><td class=main>
Url :</td><td><input size="15" maxlength="25" type="text" name="url" value="http://www."></td></tr><tr><td class=main>
Email :</td><td>
<input size="15" maxlength="25" type="text" name="email" value="Din@mail.dk"></td></tr><tr><td colspan=2 class=main>
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#9CADB5" width="100%">
<tr>
<td width="100%"><p align="center">
<input type="submit" value="Shout" style="font-size: 9 pt"> <input type="reset" value="Reset" style="font-size: 9 pt"><br>
<strong>
<a href=java script:location.reload()>Reload</a> -
<a href="http://www.onlyphp.com/">Only PHP</a></strong></p></td>
</tr>
</table>
</table>
<table bordercolor="#008000" style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<tr>
<td style="text-align:center;cursor:pointer;vertical-align:middle;" onClick="foldIndUd('Shout');" onMouseOver="this.style.backgroundColor='';window.status='Click for at folde ud';" onMouseOut="this.style.backgroundColor=''; window.status='';">
Klik for at folde <b><font size="4">smilies</font></b> ind/ud</td>
</tr>
<tr>
<td class="tabel" bordercolor="#008000">
<div id="Shout" style="display: none;margin:0px;">
<img src='s/smile.gif'> :) <br>
<img src='s/smil2.gif'> 8)<br>
<img src='s/wacko.gif'> :wacko:<br>
<img src='s/unsure.gif'> :huh:<br>
<img src='s/toung.gif'> :P<br>
<img src='s/suspici.gif'> :suspicious:<br>
<img src='s/wink.gif'> :hehe:<br>
<img src='s/worr.gif'> :worried:<br>
<img src='s/weird.gif'> :eek:<br>
<img src='s/sad.gif'> :(<br>
<img src='s/sad-2.gif'> :sad:<br>
<img src='s/sick.gif'> :X<br>
<img src='s/rolleye.gif'> :rolleyes:<br>
<img src='s/push.gif'> :push:<br>
<img src='s/oh.gif'> :0<br>
<img src='s/ama.gif'> :o<br>
<img src='s/nuts.gif'> 8()<br>
<img src='s/notrust.gif'> :|<br>
<img src='s/mad.gif'> :mad:<br>
<img src='s/laugh.gif'> :lol:<br>
<img src='s/huh.gif'> :huh:<br>
<img src='s/embarr.gif'> :blush:<br>
<img src='s/crying.gif'> :cry:<br>
<img src='s/cool.gif'> :cool:<br>
<img src='s/confu.gif'> :confused: <br>
<img src='s/che.gif'> :cheese:<br>
<img src='s/blink.gif'> :blink:<br>
<img src='s/bigsm.gif'> :big:<br>
<img src='s/amuse.gif'> :amuse:<p style="margin-top: 0; margin-bottom: 0"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td style="text-align:center;cursor:pointer;vertical-align:middle;" onClick="foldIndUd('Shout');" onMouseOver="this.style.backgroundColor='';window.status='Click for at folde ud';" onMouseOut="this.style.backgroundColor=''; window.status='';">
Klik for at folde <b>smilies</b> ind/ud</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</center>
</div></td>
</tr>
</table>
