Gästebuch
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anpassen
browser
code
eingabe
eintragen
formular
frage
gecko
helfen
input
kopieren
nachricht
pos
position
rang
sir
start
staunen
test
text
-
Wie schaffe ich es das die smilies die neben meinem Gästebuch liegen automtisch eingefügt werden, wenn man diesen anklickt??
Gruß
onemillion -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Welche Smilies?
Wo???
EIn Link wäre echt hilfreich;) sonst weiss keiner was du willst;) -
Hi,
Das hier ist der Javascript
<!-- function insert(aTag, eTag) { var input = document.forms['formular'].elements['eingabe']; input.focus(); /* für Internet Explorer */ if(typeof document.selection != 'undefined') { /* Einfügen des Formatierungscodes */ var range = document.selection.createRange(); var insText = range.text; range.text = aTag + insText + eTag; /* Anpassen der Cursorposition */ range = document.selection.createRange(); if (insText.length == 0) { range.move('character', -eTag.length); } else { range.moveStart('character', aTag.length + insText.length + eTag.length); } range.select(); } /* für neuere auf Gecko basierende Browser */ else if(typeof input.selectionStart != 'undefined') { /* Einfügen des Formatierungscodes */ var start = input.selectionStart; var end = input.selectionEnd; var insText = input.value.substring(start, end); input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end); /* Anpassen der Cursorposition */ var pos; if (insText.length == 0) { pos = start + aTag.length; } else { pos = start + aTag.length + insText.length + eTag.length; } input.selectionStart = pos; input.selectionEnd = pos; } /* für die übrigen Browser */ else { /* Abfrage der Einfügeposition */ var pos; var re = new RegExp('^[0-9]{0,3}$'); while(!re.test(pos)) { pos = prompt("Einfügen an Position (0.." + input.value.length + "):", "0"); } if(pos > input.value.length) { pos = input.value.length; } /* Einfügen des Formatierungscodes */ var insText = prompt("Bitte geben Sie den zu formatierenden Text ein:"); input.value = input.value.substr(0, pos) + aTag + insText + eTag + input.value.substr(pos); } } //--> </script>
Das wichtige dran ist du musst das danach in ein Formular einbetten (<form></form>)
<form name="formular" action=""> <p><textarea name="eingabe" cols="30" rows="10">Ihre Nachricht</textarea></p> <p><img src="1.jpg" onClick="insert(':smiley1:' , '')"></p> <p><img src="2.jpg" onClick="insert(':smiley2:' , '')"></p> ... </form>
Somit ist deine Frage bestimmt beantwortet...hoffe ich konnte dir helfen
PS: Javascript is von Selfhtml (link ist beim vorposter)
die 'form' hab ich bissen verändert ist aber auch von der selben Struktur wie Selfhtml
Das ist bestimmt nicht der selbe Script wie bei lima aber der hier funktioniert 100% (eigenerfahrung)
Arrata
€dit: Du must bei deiner nachrichtbox (textarea) als 'name="eingabe"' eintragen und bei '<form>' musst du 'name="formular"' eintragen
Beitrag geändert: 19.9.2008 13:46:51 von arrata -
€dit: Du must bei deiner nachrichtbox (textarea) als 'name="eingabe"' eintragen und bei '<form>' musst du 'name="formular"' eintragen
Er kann auch einfach den Script ändern, was eigentlich sinnvoller wäre wenn er bereits ein fertiges Gästebuch hat.
Übrigens war es nicht so sinnvoll von dir, den Code aus der bereits angegeben Seite zu kopieren, Sir Albert!
Beitrag geändert: 19.9.2008 14:03:38 von dustin93 -
dustin93 schrieb:
Er kann auch einfach den Script ändern, was eigentlich sinnvoller wäre wenn er bereits ein fertiges Gästebuch hat.
Übrigens war es nicht so sinnvoll von dir, den Code aus der bereits angegeben Seite zu kopieren, Sir Albert!
Beitrag geändert: 19.9.2008 14:03:38 von dustin93
dustin du esel....dich hat niemand gefragt
ja man kann einfach den Script ändern...aber wir müssen es doch nicht alles so kompliziert machen wie du es immer machst ;)
und dann mit von selfhtml kopieren ist doch egal... das vereinfacht alles doch nur jetzt muss onemillion nicht mehr drauf klicken
-
Hmm...
1. Ich mach es nicht kompliziert, nur leichter...
2. Na ja, alternativ hättest du dir den Code auch angucken können statt ihn zu kopieren und etwas sinnvolles draus machen können.
Also, die einfache Lösung ist die hier:
<script type="text/javascript"> function smiley(text) { document.message.message.value = document.message.message.value+text; document.message.message.focus(); } </script>
<form name="message"><textarea name="message"></textarea></form> <img src="images/smiley1.gif" onClick="javascript:smiley(':smiley1:')">
Beitrag geändert: 20.9.2008 18:15:32 von dustin93 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
)
anklicken 
und 
