Smileys mit JavaScript auf Gästebuch einbauen!

Lucien123 · 6. Januar 2013

Hallo, habe mir ein Gästebuch auf einer gb-seite. Nun kann ich eingeloggt auf der den Quelltext meines Gästebuchs zugreifen und will nun auf meiner Eintragsseite Smileys einbetten, die via Klick in das Textfeld springen! Ich habe mich schon etwas durch den Programmcode gelesen und bei einigen Versuchen auch schon ein paar Dinge hinbekommen ABER nicht so, dass es passt. Habe außerdem lange nichts mehr programmiert und damals nur in html.
Hier ist erstmal der gesamte Quellcode der Seite! Ich habe bereits einige Seite im Intenet zu diesem Thema durchgelesen und sehe immer wieder sehr ähnliche Codezeilen und habe auch viele ausprobiert aber irgendwie funktioniert das nicht so wie ich will.

Kann mir jemand bitte sagen wie ich das machen kann! Es soll auch total einfach sein - einfach nur Smiley-gifs (wie hier im Forum; ich würde aber alle gleichzeitig in einer eigenen Box unterhalb des Eingabefeldes angezeigt haben wollen), die dann per Klick an die Cursor Position im Textfeld als ASCII Symbol eingefügt werden. Ich weiß, dass ich wohl einen Javascript Command in den <Head> geben muss und dann auch im <FORMULAR> etwas tun muss ,aber was, weiß ich nicht genau.

Ich würde auch nur eine einfache Vorlage mit einem Smiley als Vorlage benötigen und den Rest selbst einfügen - eh klar...

Kann mir da bitte jemand helfen!

HTML:

<html>

<head>

[HEAD]

<style type="text/css">

<!--

body { background-color: [BBGCOLOR];

background-image:url("[BBGROUND]");

color: [BTEXT]; [FIXED] }

table.tab { background-color: [TBGCOLOR];

background-image:url("[TBGROUND]");}

a.bodylink { color: [BLINK]; }

a.tablelink { color: [TLINK]; }

a.celllink { color: [CLINK]; }

td.bodytext { font-family: [FONT];

font-size: [BSIZE]px;

color: [BTEXT];}

td.tabletext { font-family: [FONT];

font-size: [TSIZE]px;

color: [TTEXT];}

#datum { font-family: [FONT];

font-size: 10px;

color: [TTEXT];}

td.celltext { font-family: [FONT];

font-size: [CSIZE]px;

color: [CTEXT];}

p.comment { font-family: [FONT];

font-size: [TSIZE]px;

color: [TTEXT];

font-style: italic;

padding-left: 30px;}

td.Linie { background-color: [CBGCOLOR];

font-size: 1px;}

p.title { font-family: [FONT];

font-size: [USIZE]pt;

font-weight: bold;

color: [BTEXT];}

p.pbodytext { font-family: [FONT];

font-size: [BSIZE]px;

color: [BTEXT];}

p.quote { font-family: [FONT];

font-size: [TSIZE]px;

padding-left: 30px;

color: [TTEXT];}

//-->

</style>

[CSSFILE]

[JAVAFILE]

</head>

<body>

<center>

<p class="Advert" align="center">[ADVERT]</p>

<table border=0 cellpadding=0 cellspacing=0 width="[TWIDTH]">

<tr>

<td align="left" class="bodytext">

<HOME class="bodylink">[L_HPLINK]</HOME></td>

</tr>

</table>

[HTMLHEAD]

<p class="title" align="center">[TITLE]</p>

<table width="[TWIDTH]" bgcolor="#000000" border="0" bordercolor="#000000" cellspacing="1" cellpadding="5">

<tr bgcolor="[CBGCOLOR]">

<td colspan="2" background="[CBGROUND]">

<table width="100%" cellspacing="0" cellpadding="4">

<tr>

<td class="celltext" align="left"><SIGN class="celllink"><b>[L_SIGNGB]</b></SIGN></td>

<td class="celltext" align="right">[NUMENTRIES] [L_ENTRIESON] [NUMPAGES] [L_PAGES]</br><BACKWARD class="celllink">&laquo;

[L_NEWER]</BACKWARD> -

<FORWARD class="celllink">[L_OLDER] &raquo;</FORWARD></td>

</tr>

</table>

</td>

</tr>

<tr bgcolor="[TBGCOLOR]">

<td class="tabletext" width="25%" background="[TBGROUND]" align="left">[L_NAME1]</td>

<td class="tabletext" width="75%" background="[TBGROUND]" align="left">[L_COMMENT]</td>

</tr>

<ENTRIES>

<tr bgcolor="[TBGCOLOR]">

<td valign="top" class="tabletext" width="25%" background="[TBGROUND]" align="left">

<div id="datum"><b>#[NUMBER]</b><br>

[DATE], [TIME] [L_TIME]

</div>

<if1> <b>[FIELD1]</b><br></if1>

<if2> <a href="[FIELD2MAILTO]" class="tablelink"><img src="./images/email.gif" width=14 height=11 border=0 alt="EMail: [FIELD2]"></a>&nbsp;</if2>

<if3> <a href="[FIELD3LINK]" target="_blank" class="tablelink"><img src="./images/home.gif" width=14 height=14 border=0 alt="Homepage: [FIELD3]"></a></if3>

<br><br>

<if4> <script language="JavaScript">

<!--

if ("[L_NAME4]" == "ICQ" && "[FIELD4]" != ""){document.write('<a href="http://wwp.icq.com/scripts/search.dll?to=[FIELD4]"><img src="http://wwp.icq.com/scripts/online.dll?icq=[FIELD4]&img=5" border=0 alt=""></a><br><br>');}else{if("[FIELD4]" != "") {document.write('<div id="datum">[L_NAME4]: [FIELD4]</div><br>');}}

//--></script></if4>

<if5> <div id="datum">[L_NAME5]: [FIELD5]</div><br></if5>

<if6> <div id="datum">[L_NAME6]: [FIELD6]</div><br></if6>

<if7> <div id="datum">[L_NAME7]: [FIELD7]</div><br></if7>

<if8> <div id="datum">[L_NAME8]:<br><img src="http://vorlagen.gbserver.de/stars/star_note_[FIELD8].gif" width=72 height=12 alt="Note [FIELD8]"></div><br></if8>

</td>

<td valign="top" width="85%" class="tabletext" background="[TBGROUND]" align="left">[FIELD0]</td>

</tr>

</ENTRIES>

<tr bgcolor="[CBGCOLOR]">

<td colspan="2" background="[CBGROUND]">

<table width="100%" cellspacing="0" cellpadding="0">

<tr>

<td class="celltext" align="left">&nbsp;<BACKWARD class="celllink">&laquo;

[L_NEWER]</BACKWARD></td>

<td class="celltext" align="center"><pages class="celllink">[PAGEINDEX]</pages><br>[COUNTER]</td>

<td class="celltext" align="right"><FORWARD class="celllink">[L_OLDER] &raquo;</FORWARD>&nbsp;</td>

</tr>

</table>

</td>

</tr>

</table>

<br>

[HTMLMIDDLE]

<br>

<table width="[TWIDTH]" height=1 cellspacing=0 cellpadding=0 border=0><tr><td class="Linie"><img src="./images/trans.gif" height=1 width=1 alt=""></td></tr></table>

<FORMULAR>

<p class="title">[L_NEWENTRY]</p>

<table border=0 cellpadding=5 cellspacing=0 width="468" class="tab">

<ifform1>

<tr>

<td align="left" class="tabletext"><b>[L_NAME1]:</b></td>

<td align="left"><input size="40" type="text" name="formfield1" value=""></td>

</tr></ifform1>

<ifform2>

<tr>

<td align="left" class="tabletext"><b>[L_NAME2]:</b></td>

<td align="left"><input size="40" type="text" name="formfield2" value=""></td>

</tr></ifform2>

<ifform3>

<tr>

<td align="left" class="tabletext"><b>[L_NAME3]:</b></td>

<td align="left"><input size="40" type="text" name="formfield3" value="http://"></td>

</tr></ifform3>

<ifform4>

<tr>

<td align="left" class="tabletext"><b>[L_NAME4]:</b></td>

<td align="left"><input size="40" type="text" name="formfield4" value=""></td>

</tr></ifform4>

<ifform5>

<tr>

<td align="left" class="tabletext"><b>[L_NAME5]:</b></td>

<td align="left"><input size="40" type="text" name="formfield5" value=""></td>

</tr></ifform5>

<ifform6>

<tr>

<td align="left" class="tabletext"><b>[L_NAME6]:</b></td>

<td align="left"><input size="40" type="text" name="formfield6" value=""></td>

</tr></ifform6>

<ifform7>

<tr>

<td align="left" class="tabletext"><b>[L_NAME7]:</b></td>

<td align="left"><input size="40" type="text" name="formfield7" value=""></td>

</tr></ifform7>

<ifform8>

<tr>

<td align="left" class="tabletext"><b>[L_NAME8]:</b></td>

<td align="left"><select size="1" name="formfield8">

<option value="1">Sehr gut</option>

<option value="2">Gut</option>

<option value="3">Befriedigend</option>

<option value="4">Ausreichend</option>

<option value="5">Mangelhaft</option>

<option value="6">Ungenügend</option></select>

</td>

</tr></ifform8>

<tr>

<td align="left" class="tabletext" valign="top"><b>[L_NAME0]:</b></td>

<td align="left"><textarea name="formfield0" rows="8" cols="30" wrap="virtual"></textarea></td>

</tr>

<ifpasswort>

<tr>

<td align="left" class="tabletext"><b>[L_PASSWORD]:</b></td>

<td align="left" class="tabletext"><input size="20" type="password" name="passfield" value=""></td>

</tr></ifpasswort>

<ifsmilies>

<tr>

<td align="left" class="tabletext">&nbsp;</td>

<td align="left" class="tabletext"><a href="http://www.gbserver.de/smileys.html" target="Smilies" onClick="window.open('','Smilies','width=390,height=430,resizable=NO,scrollbars=NO')" class="tablelink">

[SMILIES]</a></td>

</tr></ifsmilies>

<ifgbcode>

<tr>

<td align="left" class="tabletext">&nbsp;</td>

<td align="left" class="tabletext"><a href="http://www.gbserver.de/details.php4?l=[LANGUAGE]&p=20|30|95|00" target="Smilies" onClick="window.open('','Smilies','width=350,height=450,resizable=NO,scrollbars=YES')" class="tablelink">

[GBCODE]</a></td>

</tr></ifgbcode>

<submit><tr bgcolor="[TBGCOLOR]">

<td align="left" class="tabletext" background="[TBGROUND]">&nbsp;</td>

<td align="left" class="tabletext" background="[TBGROUND]"><input type="submit" value="[L_SUBMIT]"></td>

</tr></submit>

</table>

</FORMULAR>

[HTMLFOOT]

<br><br>

<p class="Advert">[POWERED]</p>

[MIDIFILE]

</center>

</body>

</html>

Smileys mit JavaScript auf Gästebuch einbauen!

Lucien123

Grünschnabel

Neue Beiträge