login  Naam:   Wachtwoord: 
Registreer je!
 Forum

smileys invoegen met javascript

Offline tomtom - 06/06/2006 23:19
Avatar van tomtomNieuw lid Hallo,

Ik wil dat als mensen op een smiley klikke dat de code van de smiley an in de textarea komt. Ik heb nu dit maar dat werkt niet.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript">
  2. 			function smiley() {
  3. 			return;
  4. 			}
  5. 			function Invoegen(Smiley) {
  6. 			var edit;
  7. 			var HuidigeTekst = document.berichttoevoegen.bericht.value;
  8. 			edit = HuidigeTekst+Smiley+" ";
  9. 			document.berichttoevoegen.bericht.value=edit;
  10. 			document.berichttoevoegen.bericht.focus();
  11. 			return;
  12. 			}
  13. 			</script>
  14. 			<?
  15.             echo"<br>
  16. 			<form method=\"post\" action=\"$PHP_SELF\" onSubmit=\"this.submit.disabled='true'\" name=\"berichttoevoegen\" id=\"berichttoevoegen\"><table border='2' width='750' height='172' cellspacing='0' cellpadding='0' bordercolor='#000099'>
  17. 			<tr>
  18. 			<td height='22' width='750' bgcolor='#000099' colspan='2'>
  19. 			<span style='font-weight: 700'>
  20. 			<font face='Verdana' style='font-size: 9pt' color='#FFFFFF'>
  21. 			Bericht toevoegen!</font></span></td>
  22. 			</tr>
  23. 			<tr>
  24. 			<td height='21' width='64' style='border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium'>
  25. 			<font face='Verdana'><b><span style='font-size: 9pt'>Bericht:</span></b></font></td>
  26. 			<td height='19' width='682' style='border-left-style: none; border-left-width: medium; border-bottom-style: none; border-bottom-width: medium'>";
  27.             ?>
  28. 			<a href="javascript:smiley();" onClick="javascript:Invoegen(' :)');"><img src="smil/01.png" border="0"></a>
  29.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :d');"><img src="smil/02.png" border="0"></a>
  30.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :(');"><img src="smil/03.png" border="0"></a>
  31.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :|');"><img src="smil/04.png" border="0"></a>
  32.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :l');"><img src="smil/05.png" border="0"></a>
  33.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :s');"><img src="smil/06.png" border="0"></a>
  34.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :o');"><img src="smil/07.png" border="0"></a>
  35.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :p');"><img src="smil/08.png" border="0"></a>
  36.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :?');"><img src="smil/09.png" border="0"></a>
  37.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :$');"><img src="smil/10.png" border="0"></a>
  38.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' ;)');"><img src="smil/11.png" border="0"></a>
  39.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' ;)');"><img src="smil/12.png" border="0"></a>
  40.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' ;(');"><img src="smil/13.png" border="0"></a>
  41.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :z');"><img src="smil/14.png" border="0"></a>
  42.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :f');"><img src="smil/16.png" border="0"></a>
  43.             <a href="javascript:smiley();" onClick="javascript:Invoegen(' :}');"><img src="smil/17.png" border="0"></a>
  44.             &nbsp;<font face='Verdana'><b><span style='font-size: 9pt'><a href="javascript:smiley();" onClick="javascript:Invoegen(' [b] [/b]');">B</a></span></b></font>&nbsp;<font face='Verdana'><b><span style='font-size: 9pt'><a href="javascript:smiley();" onClick="javascript:Invoegen(' [i] [/i]');">I</a></span></b></font>&nbsp;<font face='Verdana'><b><span style='font-size: 9pt'><a href="javascript:smiley();" onClick="javascript:Invoegen(' [u] [/u]');">U</a></span></b></font>&nbsp;<font face='Verdana'><b><span style='font-size: 9pt'><a href="javascript:smiley();" onClick="javascript:Invoegen(' [url=www.hierurl.nl]hier naam[/url]');">URL</a></span></b></font>
  45.             <?
  46.             echo "</td>
  47.             </tr>
  48. 			<tr>
  49. 			<td height='107' width='64' style='border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium'>&nbsp;</td>
  50. 			<td height='107' width='682' style='border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium; border-right-style:solid; border-right-width:1px'>
  51. 			<textarea name='bericht' cols='90' rows='6'></textarea></td>
  52. 			</tr>
  53. 			<tr>
  54. 			<td height='18' width='64' style='border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px'></td>
  55. 			<td height='18' width='682' style='border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium'>
  56. 			<p align='right'><input type='submit' name='bericht' value='    Verstuur    '></td>
  57. 			</tr>
  58. 			</table></form>";
  59. ?>


Waarom werkt dit niet?

Groetjes Tom,

3 antwoorden

Gesponsorde links
Offline lemoinet - 06/06/2006 23:38 (laatste wijziging 07/06/2006 11:50)
Avatar van lemoinet PHP gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.       function smiley() {
  3.       return;
  4.       }
  5.       function Invoegen(Smiley) {
  6.       var edit;
  7.       var HuidigeTekst = document.berichttoevoegen.bericht;
  8.       HuidigeTekst.value = HuidigeTekst.value + Smiley + " ";
  9.       HuidigeTekst.focus();
  10.       return;
  11.       }
  12. </script>
  13.  
  14. <br />
  15. <form method="post" action="<?=$PHP_SELF;?>" onsubmit="this.submit.disabled='true'"
  16.     name="berichttoevoegen" id="berichttoevoegen">
  17.     <table border='2' width='750' height='172' cellspacing='0' cellpadding='0' bordercolor='#000099'>
  18.         <tr>
  19.             <td height='22' width='750' bgcolor='#000099' colspan='2'>
  20.                 <span style='font-weight: 700'><font face='Verdana' style='font-size: 9pt' color='#FFFFFF'>
  21.       Bericht toevoegen!</font></span>
  22.             </td>
  23.         </tr>
  24.         <tr>
  25.             <td height='21' width='64' style='border-right-style: none; border-right-width: medium;
  26.                 border-bottom-style: none; border-bottom-width: medium'>
  27.                 <font face='Verdana'><b><span style='font-size: 9pt'>Bericht:</span></b></font>
  28.             </td>
  29.             <td height='19' width='682' style='border-left-style: none; border-left-width: medium;
  30.                 border-bottom-style: none; border-bottom-width: medium'>
  31.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :)');"><img src="smil/01.png" border="0" alt="" /></a> 
  32.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :d');"><img src="smil/02.png" border="0" alt="" /></a> 
  33.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :(');"><img src="smil/03.png" border="0" alt="" /></a> 
  34.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :|');"><img src="smil/04.png" border="0" alt="" /></a> 
  35.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :l');"><img src="smil/05.png" border="0" alt="" /></a> 
  36.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :s');"><img src="smil/06.png" border="0" alt="" /></a> 
  37.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :o');"><img src="smil/07.png" border="0" alt="" /></a> 
  38.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :p');"><img src="smil/08.png" border="0" alt="" /></a>
  39.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :?');"><img src="smil/09.png" border="0" alt="" /></a> 
  40.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :$');"><img src="smil/10.png" border="0" alt="" /></a> 
  41.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' ;)');"><img src="smil/11.png" border="0" alt="" /></a> 
  42.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' ;)');"><img src="smil/12.png" border="0" alt="" /></a> 
  43.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' ;(');"><img src="smil/13.png" border="0" alt="" /></a> 
  44.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :z');"><img src="smil/14.png" border="0" alt="" /></a> 
  45.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :f');"><img src="smil/16.png" border="0" alt="" /></a> 
  46.                  <a href="javascript:smiley();" onclick="javascript:Invoegen(' :}');"><img src="smil/17.png" border="0" alt="" /></a>
  47.                 <font face='Verdana'><b><span style='font-size: 9pt'><a href="javascript:smiley();" onClick="javascript:Invoegen(' [b] [/b]');">B</a></span></b></font>&nbsp;<font
  48.                     face='Verdana'><b><span style='font-size: 9pt'><a href="javascript:smiley();" onClick="javascript:Invoegen(' [i] [/i]');">I</a></span></b></font>&nbsp;<font
  49.                         face='Verdana'><b><span style='font-size: 9pt'><a href="javascript:smiley();" onClick="javascript:Invoegen(' [u] [/u]');">U</a></span></b></font>&nbsp;<font
  50.                             face='Verdana'><b><span style='font-size: 9pt'><a href="javascript:smiley();" onClick="javascript:Invoegen(' [url=www.hierurl.nl]hier naam[/url]');">URL</a></span></b></font>
  51.             </td>
  52.         </tr>
  53.         <tr>
  54.             <td height='107' width='64' style='border-right-style: none; border-right-width: medium;
  55.                 border-top-style: none; border-top-width: medium; border-bottom-style: none;
  56.                 border-bottom-width: medium'>
  57.                 &nbsp;</td>
  58.             <td height='107' width='682' style='border-left-style: none; border-left-width: medium;
  59.                 border-top-style: none; border-top-width: medium; border-bottom-style: none;
  60.                 border-bottom-width: medium; border-right-style: solid; border-right-width: 1px'>
  61.                 <textarea name='bericht' cols='90' rows='6'></textarea></td>
  62.         </tr>
  63.         <tr>
  64.             <td height='18' width='64' style='border-right-style: none; border-right-width: medium;
  65.                 border-top-style: none; border-top-width: medium; border-left-style: solid; border-left-width: 1px;
  66.                 border-bottom-style: solid; border-bottom-width: 1px'>
  67.             </td>
  68.             <td height='18' width='682' style='border-left-style: none; border-left-width: medium;
  69.                 border-top-style: none; border-top-width: medium'>
  70.                 <p align='right'>
  71.                     <input type='submit' name='submit' value='    Verstuur    ' />
  72.             </td>
  73.         </tr>
  74.     </table>
  75. </form>


zo zou het moeten werken
Offline xSc - 07/06/2006 11:23
Avatar van xSc Onbekend Waarom werkt dit niet?

Je script is bagger. Je echoot HTML met PHP, terwijl ik geen PHP-variabele kan ontdekken, waarvan je de inhoud wilt weergeven. Deze stukken HTML-code buiten PHP-tags plaatsen!

Gebruik verder Super Globals en correct xHTML. Het escapen van dubbel quotes kun je heel eenvoudig vermijden door te echoën met enkel quotes.
Offline Dark_Paul - 12/06/2006 14:26
Avatar van Dark_Paul PHP ver gevorderde Ik heb 't ook even geprobeerd (ik was ook al op zoek naar zo'n scriptje) en bij werkt dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  2. function Smiley() {
  3.       return;
  4.       }
  5.       function Insert(Smiley) {
  6.       var Edit;
  7.       var ThisText = document.Guestbook.Message;
  8.       ThisText.value = ThisText.value + Smiley + " ";
  9.       ThisText.focus();
  10.       return;
  11.       }
  12. </SCRIPT>
  13. </HEAD>
  14.  
  15. <BODY>
  16. <FORM NAME="Guestbook" ACTION="test.html">
  17. <TEXTAREA NAME="Message" ROWS="8" COLS="45"></TEXTAREA>
  18. <A HREF="javascript:Smiley();" onClick="javascript:Insert(' :) ');"><IMG SRC="smil/01.png" BORDER="0px"></A>
  19. </FORM>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s