• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

anklickbare Smilies für GB

D

Darkness

Neues Mitglied
Hi,

ich würde gerne anklickbare Smilies für mein Gästebuch machen. Meine erste Idee wäre gewesen, dass ich die Smilies als Buttons mache und sie dann einfach dem Text im Textfeld anhänge.

Schön finde ich die Lösung allerdings nicht, da ja dann die Seite neu aufgerufen werden würde... gibt es da bessere Lösungen? Also dass durch ein Klick auf ein Bild eine Zeichenfolge an ein Textfeld gehängt wird? Java Script wollte ich allerdings nicht unbedingt verwenden (war die häufigste Lösung, die ich gefunden habe)...

Gruß
 
klar geht das!
Aber leider geht dies NUR mit JavaScript ;)

mit PHP usw. kannst du das kaum realisieren.
Ich denke es würde gehen aber nur wenn du jedesmal wenn du den Button anklicks ein
Refresh machen würdest.

dazu musst du der form einen Namen geben!
sagen wir form1!

jetzt schreibst du das scipt in den Header deiner Seite:
Code: 
<script language="JavaScript">
  function addsmiley(smiley)
  {
   document.form1.intrag.value=document.form1.intrag.value+' '+smiley;
   document.form1.intrag.focus();
  }
</script>
wenn du jetzt ein smiley anlickst musst du den link so setzen:
Code: 
<a href="javascript: addsmiley(':-)')"><img src="smileys/froh.gif" alt="" width="16" height="16" border="0"></a>
 
ja schon aber es geht kaum anders.

Aber benutz mal <NOSCRIPT> das ist ein HTMl-Tag wenn ein User Javascript NICHT aktiviert hat kommt dein Text der du haben möchtest da kannst du dann z.b schreiben:
Bitte aktivieren sie javascript unter...
hier ein Beispiel
Code: 
<Doctype....>
 <html>
   <head>
   <script type="text/javascript">
[LEFT]     function addsmiley(smiley)
    {
       document.form1.intrag.value=document.form1.intrag.value+' '+smiley;
       document.form1.intrag.focus();
    }
   </script>
[/LEFT]
   <NOSCRIPT>
       [I]Bitte aktivieren sie javascript unter...[/I]
   <NOSCRIPT>
   </head>
   <body>
       <a href="javascript: addsmiley(':-)')"><img src="smileys/froh.gif" alt=""       width="16" height="16" border="0"></a>
    </body>
</html>

So ich hoffe ich konnte dir behilflich sein hab mir mühe gegeben :-D
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben