smilies einfügen?!
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ahnung
bild
code
datei
eingabefeld
entsprechenden code
fenster
folgenden code
formular
forum
funktionieren
krieg
menge
pfad
pop
problem
symbol
tabelle
textfeld
verpacken
-
ich hab da ein problem.. und zwar w?rde ich gerne in meine g?stebuch die m?glichkeit haben smilies einzuf?gen - ?hnlich wie in diesem forum, allerdings hab ich da eine ganze menge smilies - w?r ziemlich bl?d, die alle ?ber dem textfeld einzuf?gen (wie hier) hab mir also gedacht, ein pop-up fenster w?re nicht schlecht! das gro?e problem ist nur, dass ich von javascript absolut keine ahnung habe -> wie mach ich es, dass per klick auf das smilie im pop-up fenster im eigentlichen eingabefeld den entsprechenden code erzeuge?!
w?r toll eine erkl?rung f?r dummies zu kriegen....
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
hi,
also ich hab bei meinem cms folgenden code genommen um die smilies einzuf?gen
<script language="JavaScript" type="text/javascript"> <!-- function add(text) { text = ' ' + text + ' '; if (document.post.text.createTextRange && document.post.text.caretPos) { var caretPos = document.post.text.caretPos; caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text; document.post.btext.focus(); } else { document.post.text.value += text; document.post.text.focus(); } } function storeCaret(textEl) { if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate(); } //--> </script> <a href="javascript:add(':arrow:');"><img src="pics/smilies/icon_arrow.gif" border=0></a> <a href="javascript:add(':arrowd:');"><img src="pics/smilies/icon_arrowd.gif" border=0></a> <a href="javascript:add(':arrowl:');"><img src="pics/smilies/icon_arrowl.gif" border=0></a> <a href="javascript:add(':arrowu:');"><img src="pics/smilies/icon_arrowu.gif" border=0></a> <a href="javascript:add(':D');"><img src="pics/smilies/icon_biggrin.gif" border=0></a> <a href="javascript:add(':chees:');"><img src="pics/smilies/icon_cheesygrin.gif" border=0></a> <a href="javascript:add(':S');"><img src="pics/smilies/icon_confused.gif" border=0></a> <a href="javascript:add('8)');"><img src="pics/smilies/icon_cool.gif" border=0></a> <a href="javascript:add(':cry:');"><img src="pics/smilies/icon_cry.gif" border=0></a> <a href="javascript:add(':eek:');"><img src="pics/smilies/icon_eek.gif" border=0></a> <a href="javascript:add(':evil:');"><img src="pics/smilies/icon_evil.gif" border=0></a> <a href="javascript:add(':exclaim:');"><img src="pics/smilies/icon_exclaim.gif" border=0></a> <a href="javascript:add(':(');"><img src="pics/smilies/icon_frown.gif" border=0></a> <a href="javascript:add(':idee:');"><img src="pics/smilies/icon_idea.gif" border=0></a> <a href="javascript:add(':lol:');"><img src="pics/smilies/icon_lol.gif" border=0></a><br> <a href="javascript:add(':d');"><img src="pics/smilies/icon_mad.gif" border=0></a> <a href="javascript:add(':rofl:');"><img src="pics/smilies/icon_mrgreen.gif" border=0></a> <a href="javascript:add(':|');"><img src="pics/smilies/icon_neutral.gif" border=0></a> <a href="javascript:add(':question:');"><img src="pics/smilies/icon_question.gif" border=0></a> <a href="javascript:add('P');"><img src="pics/smilies/icon_razz.gif" border=0></a> <a href="javascript:add(':redface:');"><img src="pics/smilies/icon_redface.gif" border=0></a> <a href="javascript:add(':rolleyes:');"><img src="pics/smilies/icon_rolleyes.gif" border=0></a> <a href="javascript:add(':sad:');"><img src="pics/smilies/icon_sad.gif" border=0></a> <a href="javascript:add(':)');"><img src="pics/smilies/icon_smile.gif" border=0></a> <a href="javascript:add(':o');"><img src="pics/smilies/icon_surprised.gif" border=0></a> <a href="javascript:add(':twist:');"><img src="pics/smilies/icon_twisted.gif" border=0></a> <a href="javascript:add(';)');"><img src="pics/smilies/icon_wink.gif" border=0></a>
wobei du nat?rlich den pfad der smilies und die symbole ?ndern solltest ;)
-
aber wo und wie hast du den script eingebaut? in der datei f?rs pop-up fenster oder direkt in der seite in der auch das formuar is? mal abgesehen davon, wo wird denn definiert in welcher datei, in welchem formular und in welchem feld der text geschrieben wird?-> kenn mich echt genau gar nich aus bei javascript... nich b?se sein .. erkl?rung f?r dummies w?r am besten
-
f?r ein popup ist das ein bischen anders:
erstmal der javascript:
<script language="JavaScript">
function addsmiley(id) {
opener.document.eingabe.body.value += id;
}
</script>
der ist auch so sch?n kurz ;)
dann das eingabefeld:
...
<form name="eingabe">
<textarea name="eintrag" rows="9" cols="40"></textarea>
</form>
....
das ganze nat?rlich noch sch?n brav in eine tabelle verpacken, soll ja auch nach was aussehen ;)
dann das popup zum einf?gen der smilys:
der oben gennante javascript kommt ?brigens hier rein.
also:
<script language="JavaScript">
function addsmiley(id) {
opener.document.eingabe.body.value += id;
}
</script>
<a href="javascript:addsmiley(' :D ')"><img src="bild1.gif"></a>
<a href="javascript:addsmiley(' :) ')"><img src="bild2.gif"></a>
<a href="javascript:addsmiley(' :( ')"><img src="bild3.gif"></a>
<a href="javascript:addsmiley(' ;) ')"><img src="bild4.gif"></a>
nat?rlich musst du hier deine dateinamen eingeben.
D?rfte eigentlich so funktionieren.
aber weisst du ?berhaupt, wie du die smilys sp?ter dann durch bilder ersetzt? so dass nicht ":D" ausgegeben wird, sondern "<img src='bild1.gif'>" ? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage