Diese Seite ist unverschlüsselt! Um sicherzustellen, das Ihr Passwort nicht ausgelesen werden kann, sollten Sie auf die verschlüsselte Seite wechseln!

    Herzlich Willkommen, lieber Gast!
  Sie befinden sich hier:

  Forum » HTML / XML / XHTML » per klick in textarea schreiben
Forum | Hilfe | Team | Links | Impressum | > Suche < | Mitglieder | Registrieren | Einloggen
  Quicklinks: MSDN-Online || STL || clib Reference Grundlagen || Literatur || E-Books || Zubehör || > F.A.Q. < || Downloads   

Autor Thread - Seiten: > 1 <
000
30.01.2006, 17:21 Uhr
Donar



 Hallo erstmal,

ist jetzt nicht direkt HTML aber ich denke JavaScript passt am besten hier rein.

Ich schreibe ein Gästebuch ... es wird eine liste von Smilies angezeigt. Jetzt möchte ich, dass beim Klick auf einen Smilie automatisch das Kürzel in die Textarea geschrieben wird. So wie man es hier auch machen kann ...

ich hatte auch schon mal versucht mir den Quelltext irgendwo raus zu kopieren aber da bekomme ich nur die Ausgabe, dass die Seite einen Fehler enthält ...

Ich hoffe mir kann jemand helfen ...

MfG
Donar
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
001
30.01.2006, 21:56 Uhr
FloSoft
Medialer Over-Flow
(Administrator)


naja textarea hat ja nen namen (name=...) darüber kann man es ansprechen.

Hier im Forum sieht das z.b so aus:


Javascript:

function insert_smiley(text) {
    var txtarea = document.post.posttext;
    text = ' ' + text + ' ';
    if (txtarea.createTextRange && txtarea.caretPos) {
        var caretPos = txtarea.caretPos;
        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
        txtarea.focus();
    } else {
        txtarea.value  += text;
        txtarea.focus();
    }
}

function storeCaret(element) {
    if (element.createTextRange && element.caretPos)
  {
    element.caretPos = getrange();
  }
}

function getrange() {
   if (window.getSelection)
     return window.getSelection();
   else if (document.getSelection)
     return document.getSelection();
   else if (document.selection)
     return document.selection.createRange().text;
   return "";
}

function setrange(text) {
   if (window.getSelection)
     window.getSelection = text;
   else if (document.getSelection)
     document.getSelection = text;
   else if (document.selection)
     document.selection.createRange().text = text;
}


Wobei

die Zeile


Code:
var txtarea = document.post.posttext;


die textarea angibt.

also document ist erklärend, post ist das formular, und posttext ist die textarea.
--
class God : public ChuckNorris { };
Dieser Post wurde am 30.01.2006 um 21:56 Uhr von FloSoft editiert.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
002
30.01.2006, 23:42 Uhr
Donar



 Jo, die hab ich mir auch schon mal raus kopiert! nur leider hat sie irgendwie nicht so ganz funktioniert ...

habe aber eine Lösung gefunden! und ich war verwundert wie kurz diese ist ...

ich gebe den klickbaren smily wie folgt aus:


Code:
<input type=\"image\" name=\"imageField\" src=\"%bildadresse%\" value=\"%kürzel%\" onClick=\"this.form.nachricht.value+=' '+'%kürzel%'+' '; return false\" />


und schon geht das ... und um diese eine Zeile zu basteln hab ich eine Stunde benötigt! Ich hasse JavaScript aber leider kenne ich keine Möglichkeit das mit php zu machen ...

MfG
Donar
Dieser Post wurde am 30.01.2006 um 23:43 Uhr von Donar editiert.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
Seiten: > 1 <     [ HTML / XML / XHTML ]  


ThWBoard 2.73 FloSoft-Edition
© by Paul Baecher & Felix Gonschorek (www.thwboard.de)

Anpassungen des Forums
© by Flo-Soft (www.flo-soft.de)

Sie sind Besucher: