login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Aanklikbare Smileys :)

Offline Martijn1989 - 11/06/2005 14:07
Avatar van Martijn1989PHP ver gevorderde Goedendag, mede scripters ik zit eens ff te klooien aan een berichtenbalk nu wil ik dat ze aanklikbare smileys hebben ik heb dit al :

  1. function show_ubb () {
  2. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':D';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/blij.gif border=0></img></a> ";
  3. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':O';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/wow.gif border=0></img></a>&nbsp;";
  4. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':S';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/huh.gif border=0></img></a> ";
  5. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+='8)';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/cool.gif border=0></img></a> ";
  6. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+='8|';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/woot.gif border=0></img></a> ";
  7. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':(';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/cry.gif border=0></img></a> ";
  8. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':@';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/boos.gif border=0></img></a> ";
  9. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':lol';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/lol.gif border=0></img></a> ";
  10. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=';)';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/;).gif border=0></img></a>&nbsp;";
  11. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+='^o)';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/^o).gif border=0></img></a> ";
  12. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':?';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/vraagteken.gif border=0></img></a> ";
  13. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':!';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/!.gif border=0></img></a> ";
  14. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':id';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/idee.gif border=0></img></a>&nbsp;";
  15. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':leeg';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/leeg.gif border=0></img></a> ";
  16. }


alleen een berichteninput van :

  1. <input type='text' name='bericht' size=45 maxlength=500><br> <? show_ubb(); ?>


maar wat moet ik veranderen?

14 antwoorden

Gesponsorde links
Offline Legolas - 11/06/2005 14:11
Avatar van Legolas Onbekend Dan kun je het toch beter zo doen:
  1. <?
  2. function klik(){
  3. echo "<script language=\"JavaScript\">
  4. function addtext(veld,text) {
  5. text = ' '+text+' ';
  6. if (document.form.elements[veld].createTextRange) {
  7. document.form.elements[veld].focus();
  8. document.selection.createRange().duplicate().text = text;
  9. } else {
  10. document.form.elements[veld].focus();
  11. document.form.elements[veld].value += text;
  12. }
  13. }</script>
  14. ";
  15. }
  16. function smileys(){
  17. echo "<a href=\"javascript:addtext('bericht',':)')\"><img src=\"smileys/icon_smile.gif\" border=\"0\"></a>
  18. <a href=\"javascript:addtext('bericht',':cry:')\"><img src=\"smileys/icon_cry.gif\" border=\"0\"></a>
  19. <a href=\"javascript:addtext('bericht',':(')\"><img src=\"smileys/icon_frown.gif\" border=\"0\"></a>
  20. <a href=\"javascript:addtext('bericht',';)')\"><img src=\"smileys/icon_wink.gif\" border=\"0\"></a>
  21. <a href=\"javascript:addtext('bericht',':D')\"><img src=\"smileys/icon_biggrin.gif\" border=\"0\"></a>
  22. <a href=\"javascript:addtext('bericht',':S')\"><img src=\"smileys/icon_confused.gif\" border=\"0\"></a>
  23. <a href=\"javascript:addtext('bericht',':P')\"><img src=\"smileys/icon_razz.gif\" border=\"0\"></a>
  24. <a href=\"javascript:addtext('bericht',':B')\"><img src=\"smileys/icon_cool.gif\" border=\"0\"></a>
  25. <a href=\"javascript:addtext('bericht',':$')\"><img src=\"smileys/icon_redface.gif\" border=\"0\"></a>
  26. <a href=\"javascript:addtext('bericht',':O')\"><img src=\"smileys/icon_eek.gif\" border=0></a>
  27. <a href=\"javascript:addtext('bericht',':sad:')\"><img src=\"smileys/icon_sad.gif\" border=0></a>
  28. <a href=\"javascript:addtext('bericht','^^')\"><img src=\"smileys/icon_cheesygrin.gif\" border=0></a>
  29. <a href=\"javascript:addtext('bericht',':!:')\"><img src=\"smileys/icon_exclaim.gif\" border=0></a>
  30. <a href=\"javascript:addtext('bericht',':idea:')\"><img src=\"smileys/icon_idea.gif\" border=0></a>
  31. <a href=\"javascript:addtext('bericht',':mad:')\"><img src=\"smileys/icon_mad.gif\" border=0></a>
  32. <a href=\"javascript:addtext('bericht',':|')\"><img src=\"smileys/icon_neutral.gif\" border=0></a>
  33. <a href=\"javascript:addtext('bericht',':?:')\"><img src=\"smileys/icon_question.gif\" border=0></a>
  34. <a href=\"javascript:addtext('bericht',':roll:')\"><img src=\"smileys/icon_rolleyes.gif\" border=0></a>
  35. <a href=\"javascript:addtext('bericht',':surprised:')\"><img src=\"smileys/icon_surprised.gif\" border=0></a>
  36. ";
  37. }
  38. klik();
  39. smileys();
  40. ?>

Zo denk ik:cool:
Offline Martijn1989 - 11/06/2005 16:52
Avatar van Martijn1989 PHP ver gevorderde K,... maar dit moet ik waarschijnlijk aanpassen :

  1. function klik(){
  2. echo "<script language=\"JavaScript\">
  3. function addtext(veld,text) {
  4. text = ' '+text+' ';
  5. if (document.form.elements[veld].createTextRange) {
  6. document.form.elements[veld].focus();
  7. document.selection.createRange().duplicate().text = text;
  8. } else {
  9. document.form.elements[veld].focus();
  10. document.form.elements[veld].value += text;
  11. }
  12. }</script>
  13. ";
  14. }


dit is het veld :

  1. <input type='text' name='bericht' size=45 maxlength=500>


en aangezien ik geen ervaring heb met javascript,.. zou iemand voor mij even willen kijken wat ik nouw precies wat en waar moet neerzetten?
Offline Legolas - 11/06/2005 16:54
Avatar van Legolas Onbekend Niet, want in het script wordt toch ook steeds 'bericht' als veldnaam gebruikt;-)
Offline Martijn1989 - 11/06/2005 16:58
Avatar van Martijn1989 PHP ver gevorderde Maar waar zie jij hier dan het word bericht is staan :

  1. function klik(){
  2. echo "<script language=\"JavaScript\">
  3. function addtext(veld,text) {
  4. text = ' '+text+' ';
  5. if (document.form.elements[veld].createTextRange) {
  6. document.form.elements[veld].focus();
  7. document.selection.createRange().duplicate().text = text;
  8. } else {
  9. document.form.elements[veld].focus();
  10. document.form.elements[veld].value += text;
  11. }
  12. }</script>
  13. ";
  14. }

Offline Legolas - 11/06/2005 17:00
Avatar van Legolas Onbekend Nergens!!
Maar in het andere script, smileys(), is het eerste argument steeds bericht, en als je in klik() kijkt zie je dit:
document.forms.elements[veld]
meerdere keren....
Dus staat het er wel in, maar dan onder de naam veld, die variabel is:cool:
Offline Martijn1989 - 11/06/2005 17:01
Avatar van Martijn1989 PHP ver gevorderde Ik snap er niks meer van,... en ik ben niet eens stoned 
Offline Martijn1989 - 11/06/2005 17:03
Avatar van Martijn1989 PHP ver gevorderde Zal ik dan maar opensource gaan ?

Berichtenbalk2.php :

  1. <font color='#3E7DC0' size='2' face='arial'>Regels</font><br>
  2. <font color='#3E7DC0' size='1' face='arial'>
  3. <UL>
  4. <LI>Geen Reclame, reclame in de berichtenbalk word hard aangepakt met een waarschuwing of eventueel een ban.</LI><br>
  5. <LI>Hou het gezellig, ga niet schelden, uitdagen of iemand voor iets beschuldigen, zowel waarschuwing of ban. </LI><br>
  6. <LI>1 Bericht achter elkaar, niet 3 of 4 met steeds andere of dezelfde berichten.</LI><br>
  7. <LI>Gebruik gewoon normale taal, geen dialect of BrEZaaTaL3N ZoA|5, D!T.</LI><Br>
  8. <LI>Gebruik niet teveel leestekens, met !?! snappen ze het ook wel inplaats van !?!!?!!?!!?!!?!!?!!?!!!!!<br>
  9. <UL>
  10. </font>
  11. <br>
  12. <?php
  13. include "gastenboek/ubb.php";
  14. //antiflood
  15. function flood(){
  16. $time = 20;
  17. if(!isset($_COOKIE["floodvh"])){
  18. setcookie("floodvh",time()+$time,time()+$time, "/");
  19. }
  20. elseif($_COOKIE["floodvh"] >= time()){
  21. exit("<table><tr><td><b>Je moet nog even wachten voor je je volgende bericht kunt plaatsen! Het is geen Chatbox ;D</b><br><a href='javascript:window.history.go(-1)'>Klik hier om terug te keren</a></td></tr></table>");
  22. }
  23. }
  24. if (isset($_POST['submit'])) {
  25. flood();
  26.  
  27. if ($MEMBER->gebruikersnaam != "") {
  28. $gebruikersnaam = "$MEMBER->gebruikersnaam";
  29. } else {
  30. $gebruikersnaam = "Gast";
  31. }
  32. $bericht = $_POST['bericht'];
  33. $datum = date("d-m-Y H:i:s");
  34. $ip = $REMOTE_ADDR;
  35.  
  36. $insert = "INSERT INTO berichtenbalk (gebruikersnaam, bericht, datum, ip) VALUES ('".$gebruikersnaam."', '".$bericht."', '".$datum."', '".$ip."')";
  37. mysql_query($insert) or die(mysql_error());
  38.  
  39. echo "Je berichtje staat in de berichtenbalk!";
  40. } else {
  41.  
  42. ?>
  43.  
  44.  
  45. <form method='post'><table><tr>
  46. <td valign="top">Bericht:</td><td valign="top"> <input type="text" name="bericht" size="55" maxlength="255"></td></table><br> <? show_ubb(); ?><br>
  47. <input type='submit' name='submit' value='Bericht inzenden!'>
  48. </form>
  49.  
  50. <?php
  51. }
  52. ?>


en gastenboek/ubb.php

  1. <?php
  2. function set_smilies (&$text) {
  3. $text = str_replace(":D","<img src=smile/blij.gif></img>",$text);
  4. $text = str_replace("8)","<img src=smile/cool.gif></img>",$text);
  5. $text = str_replace("8|","<img src=smile/woot.gif></img>",$text);
  6. $text = str_replace(":(","<img src=smile/cry.gif></img>",$text);
  7. $text = str_replace(":@","<img src=smile/boos.gif></img>",$text);
  8. $text = str_replace(":lol","<img src=smile/lol.gif></img>",$text);
  9. $text = str_replace(";)","<img src=smile/;).gif></img>",$text);
  10. $text = str_replace("^o)","<img src=smile/^o).gif></img>",$text);
  11. $text = str_replace(":?","<img src=smile/vraagteken.gif></img>",$text);
  12. $text = str_replace(":!","<img src=smile/!.gif></img>",$text);
  13. $text = str_replace(":id","<img src=smile/idee.gif></img>",$text);
  14. $text = str_replace(":leeg","<img src=smile/leeg.gif></img>",$text);
  15. $text = str_replace(":O","<img src=smile/wow.gif></img>",$text);
  16. $text = str_replace(":S","<img src=smile/huh.gif></img>",$text);
  17. $text = str_replace("lul","***",$text);
  18. $text = str_replace("kanker","*****",$text);
  19. $text = str_replace("flikker","*******",$text);
  20. $text = str_replace("homo","****",$text);
  21. $text = str_replace("kut","***",$text);
  22. $text = str_replace("profielweg","profielweb",$text);
  23.  
  24. $text = nl2br($text);
  25. }
  26.  
  27. function show_ubb () {
  28. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':D';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/blij.gif border=0></img></a> ";
  29. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':O';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/wow.gif border=0></img></a>&nbsp;";
  30. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':S';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/huh.gif border=0></img></a> ";
  31. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+='8)';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/cool.gif border=0></img></a> ";
  32. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+='8|';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/woot.gif border=0></img></a> ";
  33. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':(';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/cry.gif border=0></img></a> ";
  34. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':@';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/boos.gif border=0></img></a> ";
  35. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':lol';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/lol.gif border=0></img></a> ";
  36. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=';)';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/;).gif border=0></img></a>&nbsp;";
  37. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+='^o)';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/^o).gif border=0></img></a> ";
  38. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':?';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/vraagteken.gif border=0></img></a> ";
  39. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':!';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/!.gif border=0></img></a> ";
  40. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':id';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/idee.gif border=0></img></a>&nbsp;";
  41. echo "<A class=nodec href=# onClick=document.gastenboek.bericht.value+=':leeg';document.gastenboek.bericht.focus();return false;><img src=http://www.profielweb.nl/smile/leeg.gif border=0></img></a> ";
  42. }
  43. ?>



Ik gebruik het ook voor me gastenboek? Maar daar doeet die het wel ?
Offline Legolas - 11/06/2005 17:04
Avatar van Legolas Onbekend uitleg v. functie addtext():
addtext(veld,text): betekent dat het 1e opgegeven arg de varnaam 'veld' krijgt, en de 2e de varnaam 'text'.
In het JS daaronder zet hij de inhoud van variabele 'text' achter het huidige bericht van het veld 'veld', in dit geval 'bericht'...

duidelijk?
en dan hoef ik smileys() niet uit te leggen toch?:p
Offline Martijn1989 - 11/06/2005 17:09
Avatar van Martijn1989 PHP ver gevorderde ja,.. maar ik wil tog function show_ubb () {} gebruiken!
Offline Legolas - 11/06/2005 17:11
Avatar van Legolas Onbekend Die is slechter
Doe mijn functie(s!), en vervang de smileys naar jou smileys en klaar:lamp:
Offline Martijn1989 - 11/06/2005 17:21
Avatar van Martijn1989 PHP ver gevorderde maar als je daar een smiley aanklikt, doet die het niet 
Offline xSc - 14/03/2006 14:25
Avatar van xSc Onbekend Ik heb al meer gezegd dat een beetje valid HTML absoluut niet overbodig is.
Offline ikkedikke - 14/03/2006 16:05
Avatar van ikkedikke PHP expert je meot je form ook een naam meegeven..
Offline vinTage - 14/03/2006 19:06
Avatar van vinTage Nieuw lid En vooral de datum in de gaten houden, topic is al een maand of 9 oud, ik denk dat het ondertussen wel werkt..
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.263s