wenn man auf smilie drückt soll in textarea :cool: stehen wie?



  • hallo.
    ich habe mir ein gästebuch geschrieben.
    das funktioniert auch.
    wenn ich 🕶 eingebe wird dann cool.gif angezeigt.
    ich will das aber so haben das man blos aufm smilie drücken muss
    und dann wird halt text reingeschrieben. so wie hier:
    😡

    😡

    oder wenn ich auf buttons drücke soll was in die textarea reingeschrieben werden wie mache ich das?
    Viuelen Dank MFG 🙂



  • per javascript. für den code schau dir doch einfach den vom forum an dazu sind solche projekte da. wenn du nicht klauen willst, lass dich davon inspirieren



  • hallo.
    ich habe noch nie was mit javascript gemacht.
    geht das auch nicht anders.
    java kann man ja im browser auch abschalten und dann würde es nicht mehr funktionieren.
    Vielen Dank. MFG



  • java != javascript

    klar kann man es abschalten aber anders gehts nicht (zumindest nicht ohne eine starke serverlebastung, weil man dann solche sachen an den server schicken müsste) und wer js deaktiviert hat, muss 🕶 hat selber eintippen



  • Hey, das ist relativ einfach:

    Füge einfach folgenden Code im HTML - <head></head> - bereich ein:

    <script type="text/javascript">
    <!--
    function addSmiley(smiley)
    {
      document.reply.message.value = document.reply.message.value+" "+smiley+" ";
    }
    -->
    </script>
    

    Dann musst du:
    1. Das <form></form> wo die Testbox drin ist, bezeichnen. in diesem falle würde das So aussehn:

    <form action="tu was" method="post" name="reply">
    

    hier nennst du das <form> "reply". Nun musst du die Textbox auch noch benennen. in unserem Fall "message" (so kommst du dann auf document.reply.message.value)

    So, das Javascript hast du soweit schonmal konfiguriert.
    Wenn du den Smilie anklicken willst, hast du da ja ein <a href=""></a> drum und gibst da normalerweise den Link an.

    Nun tust du statdessen ein

    <a href='#' onclick="javascript:addSmiley(':cool:')">
    

    hinsnetzen, und sobald der User da drauf klickt, ist in der Textbox ein 🕶 drin.
    Dies kannst du für beliebigen Inhalt machen, der in addSmiley('') steht.

    Hoffe dir geholfen zu haben 😉

    Falls du noch fragen hast, einfach posten..

    Liebe grüsse



  • vergiss aber nicht, das javascript auch zwischen entsprechende <script>-tags zu packen.... 🙂



  • fallen schrieb:

    vergiss aber nicht, das javascript auch zwischen entsprechende <script>-tags zu packen.... 🙂

    hoppla 😉

    ich werd es gleich mal editieren..
    das kommt davon, wenn man nur copy & pastet 😉

    liebe grüsse



  • Habs mal getestet, bei mir sieht mans kurz und dann isses wieder weck, wieso? (Achja, ich habs mit Text gemacht)



  • Mitm IE gehts, aber bei Firefox nicht?



  • Glamdrink schrieb:

    Mitm IE gehts, aber bei Firefox nicht?

    Müsste eigentlich beides gehn...
    Ich beutze auch firefox (0.9) und hab das so in meinem board programmiert. da geht es einwandfrei.
    Das einzige: das Ding wird immer ans ende des textes angehängt. dafür gibt es aber auch andere funktionen (Schau die im forum an)

    Liebe grüsse



  • hallo. es funzt.
    vielen vielen dank.
    mfg



  • Wie bei mrchat angegeben gehts bei mir schon. Aber dann hab ich den Quelltext leicht angepasst, jetzt gehts nicht mehr.
    Hier der Code:

    <?php 
    	session_start();
    ?>
    <?php echo "<?xml version=\"1.0\" encoding=\"iso-8859\" ?&gt;"; ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>
    Chat
    </title>
    <?php 
    	echo '<script type="text/javascript" language="JavaScript">';
    	echo '<!--';
    	echo 'function addText()';
    	echo '{';
    	echo 'document.reply.message.value ='.' "  "+'.'"'.$_SESSION["User"].'"+'.'" sagt: "+'.'document.reply.message.value+document.reply.text.value;';
    	echo '}';
    	echo '-->';
    	echo '</script>';
    ?>
    </head>
    <body>
    <form action="java\1:addText()" method="post" name="reply">
    <textarea name="message" id="Chat">
    </textarea><br />
    Text:<input name="text" id="input" size="40" />
    <button onclick="document.reply.submit()">Absenden</button>
    </form>
    </body>
    </html>
    

    Da sind warscheinlich ein paar kopierfehler drinnen, macht euch nichts draus.
    Aber dieser Quelltext geht nicht, woran liegt das?

    thy im Voraus



  • Hi,

    echo 'document.reply.message.value ='.' "  "+'.'"'.$_SESSION["User"].'"+'.'" sagt: "+'.'document.reply.message.value+document.reply.text.value;';
    

    das mus so:

    echo 'document.reply.message.value = " ' . $_SESSION["User"] . ' sagt: " + document.reply.message.value + document.reply.text.value;';
    

    Wenn ich's jetzt richtig sehe!

    MfG

    Alexander Sulfrian

    btw: warum machst du nicht gleich:

    <button onclick="java\1:addText()">Absenden</button>
    


  • Hab alles so geändert, aber es wird trotzdem nichts ins textarea reingeschrieben.

    Und noch ne Frage: In welchem Tag sollte man nen Chat laufen lassen (div, textarea ...). Ich frage deshalb, weil jeder direkt in die textarea schreiben kann, dass ist nicht sonderlich gut.

    thx



  • Ich hab jetzt in Selfhtml für textarea die Eigenschaft disabled gefunden, damit wäre die zweite Frage geklärt.



  • Hi,
    zeigt doch mal den HTML-Code den der PHP-Script erzeugt....

    MfG

    Alexander Sulfrian

    btw: Was ist das:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    

    Diese hier gibt's: http://www.itnews.org.uk/w_qrefs/w_international/p_doctypes.cfm
    Und lies dir mal das hier durch: http://de.selfhtml.org/html/xhtml/unterschiede.htm#script_style



  • 1. Ich weis, dass ich kein pures XHTML schreibe, am Ende übeprüfe ich das Ganze mitm W3C validator.

    2. HTML-Quellcode:

    <?xml version="1.0" encoding="iso-8859" ?&gt;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>
    Chat
    </title>
    <script type="text/javascript" language="JavaScript"><!--function addText(){document.reply.message.value = " Glamdring sagt: " + document.reply.message.value + document.reply.text.value;}--></script></head>
    <body>
    <form action="java\1:addText()" method="post" name="reply">
    <textarea name="message" id="Chat">
    </textarea><br />
    Text:<input name="text" id="input" size="40" />
    <button onclick="document.reply.submit()">Absenden</button>
    </form>
    
    </body>
    

    3.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    hab ich aus nem XML/XHTML-Buch

    thx


Anmelden zum Antworten