PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : auf klick was in textarea schreiben


momo.metti
01.09.2004, 11:46:12
Hi leutz
Wie kann ich das machen:
Ich habe eine smili neben einem Gästebuch wenn man auf ih klickt soll das zeichen für den smilie in die textbox geschrieben werden. Ich weiß nicht genau wie ich das machen soll .
Ich kenn nich nicht so gut mit JS aus.

Mfg momo

c4
01.09.2004, 11:50:50
Original geschrieben von momo.metti
Ich kenn nich nicht so gut mit JS aus. Mit der Suche anscheinend auch nicht:
--> http://www.selfphp.com/forum/showthread.php?s=&threadid=5561&highlight=javascript+textarea

momo.metti
01.09.2004, 14:02:16
ja gut aber ich komme trptzdem nicht weiter

<script language='JavaScript' type='text/javascript'>
function doukat(kat) {
if(kat=='1'){ ktyp=':-)';}
if(kat=='2'){ ktyp=':-|';}
if(kat=='3'){ ktyp=':-(';}
document.getElementById('kattyp').innerHTML=ktyp;
}
</script>

<form method="POST" action="?site=gb_adden">
<table>
<tr><td>Name:</td><td><input type="text" name="user_name" ></td></tr>
<tr><td>Wohnort:</td><td><input type="text" name="user_wohnort"></td></tr>
<tr><td>E-Mail:</td><td><input type="text" name="user_e_mail"></td></tr>
<tr><td>Homepage:</td><td><input type="text" name="user_homepage"></td></tr>
<tr><td>ICQ:</td><td><input type="text" name="user_icq"></td></tr>
<tr><td>Eintrag:<br>

</head><body>
:-) <a href="javascript:doukat('1')"><img src="img/smil_1.gif" border=0></a><br>
:-| <a href="javascript:doukat('2')"><img src="img/smil_2.gif" border=0></a><br>
:-( <a href="javascript:doukat('3')"><img src="img/smil_3.gif" border=0></a><br>
:-] <a href="javascript:doukat('4')"><img src="img/smil_4.gif" border=0></a><br>
</td><td><textarea name="user_beitrag" id="kattyp"></textarea></td></tr>
<tr><td></td><td><input type="submit" name="senden" value="Senden"></td></tr>
</table>

</form>
Normaler weiße müsste das doch gehen oder

momo.metti
01.09.2004, 14:13:16
so ich habe es
<script language="JavaScript" type="text/javascript">
<!--
function cursor() {
if (( navigator.userAgent.indexOf("Opera" ) != -1) || ( navigator.userAgent.indexOf("Netscape" ) != -1)) {
text_before = document.formular.user_beitrag.value;
text_after = "";
} else {
document.formular.user_beitrag.focus();
var sel = document.selection.createRange();
sel.collapse();
var sel_before = sel.duplicate();
var sel_after = sel.duplicate();
sel.moveToElementText(document.formular.user_beitrag);
sel_before.setEndPoint("StartToStart",sel);
sel_after.setEndPoint("EndToEnd",sel);
text_before = sel_before.text;
text_after = sel_after.text;
}
}
function insert(AddCode) {
cursor();

document.formular.user_beitrag.value = text_before + AddCode + text_after;
document.formular.user_beitrag.focus();
}

function init(thisCode) {
with ( document.formular.user_beitrag.value ) {
switch(thisCode) {

case "code1":
insert(" :-O ");
break;

case "code2":
insert(" }:-( ");
break;

case "code3":
insert(" :-D ");
break;

case "code4":
insert(" 8-) ");
break;

case "code5":
insert(" :-L ");
break;

case "code6":
insert(" ;-) ");
break;

case "code7":
insert(" :) ");
break;
}
document.formular.user_beitrag.focus();
}
}
// -->
</script>
<form method="POST" action="?site=gb_adden" name="formular">
<table>
<tr><td>Name:</td><td><input type="text" name="user_name" ></td></tr>
<tr><td>Wohnort:</td><td><input type="text" name="user_wohnort"></td></tr>
<tr><td>E-Mail:</td><td><input type="text" name="user_e_mail"></td></tr>
<tr><td>Homepage:</td><td><input type="text" name="user_homepage"></td></tr>
<tr><td>ICQ:</td><td><input type="text" name="user_icq"></td></tr>
<tr><td>Eintrag:<br>

</head><body>
:-) <a href="javascript:init('code1')"><img src="img/smil_1.gif" border=0></a><br>
:-| <a href="javascript:init('code2')"><img src="img/smil_2.gif" border=0></a><br>
:-( <a href="javascript:init('code3')"><img src="img/smil_3.gif" border=0></a><br>
:-] <a href="javascript:init('code4')"><img src="img/smil_4.gif" border=0></a><br>
</td><td><textarea name="user_beitrag" id="kattyp"></textarea></td></tr>
<tr><td></td><td><input type="submit" name="senden" value="Senden"></td></tr>
</table>

joker
11.10.2004, 03:35:01
hi, hab über die suche das hier gefunden, genau das möchte ich für meine kommentar funktion auch machen, aber irgendwie sieht der code hier nicht gut aus bzw umständlich, ich hab zwar kaum ein plan von js ( nur close, oben u.s.w. die einfachen sachen)aber der code sieht irgendwie umständlich aus?!

habe hier sowas, aber werde nicht richtig schlau daraus

<a href="javascript:document.newcomment.comment.value = document.newcomment.comment.value + ' :)'; document.newcomment.comment.focus();"
onmouseover="status='Smile';return true;" onmouseout="status='';return true;">
<img src="/images/smilies/smile.gif" border="0" alt="Smile" /></a>

<a href="javascript:document.newcomment.comment.value = document.newcomment.comment.value + ' :D'; document.newcomment.comment.focus();"
onmouseover="status='Biggrin';return true;" onmouseout="status='';return true;">
<img src="/images/smilies/biggrin.gif" border="0" alt="Biggrin" /></a>
...

momo.metti
11.10.2004, 16:44:29
Wenn ich das erklären könnte wäre es gut aber ich kann leider auch nicht so wirglich JS. Den cod habe ich mal irgendwo aufgegabelt.

Mfg momo

xabbuh
11.10.2004, 21:40:33
document.newcomment.comment.value bedeutet:
In dem Formular mit dem Namen newcomment, bekommt das Eingabefeld comment den Wert der hinter dem = steht.
value (http://de.selfhtml.org/javascript/objekte/elements.htm#value)

document.newcomment.comment.focus() bedeutet: Der Cursor wird auf das Eingabefeld comment im Formular newcomment gesetzt.
focus() (http://de.selfhtml.org/javascript/objekte/elements.htm#focus)

status='Smile' bedeutet: In der Statuszeile wird der Text Smile angezeigt.
status (http://de.selfhtml.org/javascript/objekte/window.htm#status)

Einführung in JavaScript und DOM (http://de.selfhtml.org/javascript/intro.htm)

joker
11.10.2004, 22:38:42
mhh aha, werd es dan mal umschreiben und meine namen benutzten, also ist mein code den ich auch irgendwo aufgegabeld habe kürzer und übersichtlicher oder?