login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Emoticions toevoegen

Offline Zitz - 22/10/2004 21:53
Avatar van ZitzNieuw lid Hallo, ik zou een optie willen maken waarmee je emoticions kunt invoegen, precies zoals hier in het forum, dus onderaan staan alle emoticions en als je er op klikt dan komt de bijbehoorende code automatisch in het bericht veld te staan.

bijv:
Naam van het tekstveld: bericht
combinatie van de emoticion: 

10 antwoorden

Gesponsorde links
Offline webstab - 22/10/2004 21:55 (laatste wijziging 22/10/2004 22:01)
Avatar van webstab PHP ver gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php function ubb_smiley($bericht, $map = "images/smileys") { 
  2. $bericht = str_replace(":)", "<img src=\"$map/blij.gif\">", $bericht); 
  3. $bericht = str_replace(":(", "<img src=\"$map/droevig.gif\">",$bericht); 
  4. $bericht = str_replace(":s", "<img src=\"$map/verward.gif\">",$bericht); 
  5. $bericht = str_replace(":P", "<img src=\"$map/tong.gif\">", $bericht); 
  6.  $bericht = str_replace(":D", "<img src=\"$map/tanden.gif\">",$bericht); 
  7. $bericht = str_replace(";)", "<img src=\"$map/knipoog.gif\">",$bericht); 
  8. $bericht = str_replace(":omg:", "<img src=\"$map/omg.gif\">",$bericht); 
  9. $bericht = str_replace(":cool:", "<img src=\"$map/cool.gif\">",$bericht); 
  10. return $bericht; 
  11. }
  12. $bericht=ubb_smiley($bericht);
  13. echo $bericht;
  14. ?>

denk ik
dit is om ze weer te geven, en dit om ze naast het tekstvak te zetten.
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <head><script language="JavaScript"> 
  2. function Invoegen(Smiley) { 
  3.     var edit; 
  4.     var HuidigeTekst = document.formuliera.bericht.value; 
  5.     edit = HuidigeTekst+Smiley+" "; 
  6.     document.formuliera.bericht.value=edit; 
  7.     document.formuliera.bericht.focus(); 
  8.     return; 
  9. }   
  10. </script>
  11. </head>
  12. <body>
  13. <form action="" method="post" name="formuliera">
  14. <textarea name="bericht" cols="30" rows="5" id="bericht"></textarea>
  15. <a href="javascript:smiley();" onClick="javascript:Invoegen(':)');"><img src="images/smileys/blij.gif" border="0"></a></form>
  16. </body>


------
edit:
@Rensjuh: ik was nog aant typen,ik zal dat ik een onderdeel was vergeten,sorry:$
Offline Rens - 22/10/2004 21:57 (laatste wijziging 22/10/2004 21:59)
Avatar van Rens Gouden medaille

Crew algemeen
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript">
  2. 	function smile (code){
  3. 		document.form.bericht.value = document.form.bericht.value + code;
  4. 		document.form.bericht.focus();
  5. 	}
  6. </script>


Dat komt in je head te staan.

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <IMG Src='images/smiles/icon_arrow.gif' onClick='javascript: smile(":P")'>


En dat is de code voor de smile:)

Mzzls,
Rensjuh

[edit]
@webstats: Hij heeft het over smilie invoegen, niet over het replacen ervan:)
Offline Zitz - 22/10/2004 23:10
Avatar van Zitz Nieuw lid oke, nu zit ik al met een probleem, ik er zit een ' in een combinatie voor een smiley bij php zet je dan een \ ervoor en dan doet ie het, maar hoe moet dit met javascript?
Offline webstab - 22/10/2004 23:12
Avatar van webstab PHP ver gevorderde kan je niet gewoon
?>
je code
<?php
...
Offline Zitz - 22/10/2004 23:38
Avatar van Zitz Nieuw lid nee, het werkt niet ik gebruik trouwens de code van webstab
Offline Zitz - 23/10/2004 00:01 (laatste wijziging 23/10/2004 00:02)
Avatar van Zitz Nieuw lid haha, ik heb het, je kunt gewoon \ ervoor zetten dus: :*\'( (zonder *)
Offline Zitz - 23/10/2004 20:19
Avatar van Zitz Nieuw lid ok, nu gebruik ik deze code:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="JavaScript"> 
  2. function Invoegen(Smiley) { 
  3.     var edit; 
  4.     var HuidigeTekst = document.form1.bericht.value; 
  5.     edit = HuidigeTekst+Smiley+" "; 
  6.     document.form1.bericht.value=edit; 
  7.     document.form1.bericht.focus(); 
  8.     return; 
  9. }    
  10. </script>


En het plaatje

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="javascript:smiley();" onClick="javascript:Invoegen(':D');"><img src="emo/1.gif" border="0"></a>


Maar als je nu op een smiley klikt dan komt ie helemaal achteraan te staan, hoe kan ik deze code zo aanpassen dat de smiley wordt ingevoegd waar de cursor op dat moment staat
Offline BigTeddy - 23/10/2004 22:16
Avatar van BigTeddy Gouden medaille

PHP gevorderde		 Wel ik heb ooit eens een scriptje herschreven met enkel extra opties. Deze staat hier http://www.site...&id=97

Je kan er overal waar je wilt je emo in toevoegen dus niet enkel achteraan.
Er zijn ook config voor de ubb tags enzo....
Je moet maar eens ff de tekst lezen en het voorbeeld proberen.
Wel werkt dit niet in alle browsers helemaal correct, maar het zou toch moeten lukke in de meest gebruikte ;)
Offline BigBug - 24/10/2004 08:52
Avatar van BigBug PHP expert @ webstab... je bent $map vergeten een waarde te geven 
Offline b4nkr0bz0r - 24/10/2004 10:59 (laatste wijziging 24/10/2004 11:00)
Avatar van b4nkr0bz0r PHP gevorderde
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <html>
  2.  
  3. <body>
  4.   <script language="JavaScript">
  5. <!--
  6. function addEmoticon(emoticon)
  7. {
  8. 	form.bericht.value += " " + emoticon;
  9. }
  10. //-->
  11. </script>
  12. </p>
  13. <p>&nbsp;</p>
  14. <form name="form" method="post" action="">
  15.   <p> 
  16.     <textarea name="bericht" cols="45" rows="4" wrap="VIRTUAL">Bericht:</textarea>
  17.   </p>
  18.   <p> <br>
  19.     <a href=javascript: onclick=addEmoticon('[color=][/color]')><img border=0 src="smilies/color.gif"></a> 
  20.     <a href=javascript: onclick=addEmoticon('[b][/b]')><img border=0 src="smilies/bold.gif"></a> 
  21.   </p>
  22. </form>
  23. <input type="submit" name="Submit" value="toevoegen">
  24.  
  25. </body>
  26.  
  27. </html>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.213s