Hi zusammen,
ich versuche momentan, angelehnt an diese Gästebuchschablone hier: http://www.kupix.de/typo3-snippets-ext/gaestebuch-schablone.html, Smilies per Javascript "anklickbar" in mein Gästebuch einzubinden.
Das funktioniert auch alles Wunderbar, wenn ich die Template-Datei vom Gästebuch lokal als HTML öffne, nur leider nicht, wenn ich dieses Template dann im Typo benutze. Klick ich auf einen Smiley, passiert rein garnichts. Im Internet-Explorer zeigt er zusätzlich die Fehlermeldung
Meldung: Objekt erwartet
Zeile: 1
Zeichen: 1
Code: 0
URL: http://www.rc-bochum.de/index.php?id=122
Ich vermute, dass ihm das Objekt, wo die Smilies eingefügt werden sollen, also die Textarea, nicht richtig übergeben wird, weis aber nicht, wie ich das ändern kann.
Jedenfalls hier erstmal der Quelltext vom Template (den irrelevanten Teil hab ich rausgelöscht):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" name="test">
<head>
<title>ve_guestbook</title>
<script type="text/javascript">
function insert_emoticons(smileycode) {
var input = document.forms['formular'].elements['tx_veguestbook_pi1[entry]'];
input.focus();
/* für Internet Explorer */
if(typeof document.selection != 'undefined') {
var range = document.selection.createRange();
range.text = smileycode;
/* Anpassen der Cursorposition */
range = document.selection.createRange();
range.move('character', -smileycode.length);
range.select();
}
/* für neuere auf Gecko basierende Browser */
else if(typeof input.selectionStart != 'undefined')
{
var start = input.selectionStart;
var ende = input.selectionEnd;
input.value = input.value.substr(0, start) + smileycode + input.value.substr(ende);
/* Anpassen der Cursorposition */
var pos;
pos = start + smileycode.length;
input.selectionStart = pos;
input.selectionEnd = pos;
}
}
</script>
</head>
<body>
<!-- ###TEMPLATE_FORM### -->
<p class="tx-guestbook-form-error">###FORM_ERROR###</p>
###FORM_ERROR_FIELDS###
<form name="formular" method="post" action="###ACTION_URL###">
<fieldset>
<legend>###FORM_LEGEND###</legend>
<div class="tx-guestbook-field">
<label for="message">###FORM_ENTRY### <span class="tx-guestbook-form-obligationfield">###FORM_ENTRY_OBLIGATION###</span></label>
<textarea name="tx_veguestbook_pi1[entry]" id="message" class="tx-guestbook-form-textarea" rows="7" cols="25">###VALUE_ENTRY###</textarea>
</div>
<div class="tx-guestbook-smilies">
<table align="center" border="0" cellspacing="0" cellpadding="5">
<tr align="center">
<td colspan="3" class="gensmall"><b>Smilies</b></td>
</tr>
<tr align="center" valign="middle">
<td><a href="javascript:insert_emoticons(':D');" id=":D"><img src="/fileadmin/images/smilies/1.gif" border="0" alt="biggrin" title="biggrin" /></a></td>
<td><a href="javascript:insert_emoticons(':-)');"><img src="/fileadmin/images/smilies/2.gif" border="0" alt="smile" title="smile" /></a></td>
<td><a href="javascript:insert_emoticons(':-(');"><img src="/fileadmin/images/smilies/3.gif" border="0" alt="sad" title="sad" /></a></td>
</tr>
<tr align="center" valign="middle">
<td><a href="javascript:insert_emoticons(':'(');"><img src="/fileadmin/images/smilies/4.gif" border="0" alt="cry" title="cry" /></a></td>
<td><a href="javascript:insert_emoticons(':confused:');"><img src="/fileadmin/images/smilies/5.gif" border="0" alt="confused" title="confused" /></a></td>
<td><a href="javascript:insert_emoticons(';-)');"><img src="/fileadmin/images/smilies/6.gif" border="0" alt="wink" title="wink" /></a></td>
</tr>
<tr align="center" valign="middle">
<td><a href="javascript:insert_emoticons(':surprised:');"><img src="/fileadmin/images/smilies/7.gif" border="0" alt="surprised" title="surprised" /></a></td>
<td><a href="javascript:insert_emoticons(':shock:');"><img src="/fileadmin/images/smilies/8.gif" border="0" alt="shocked" title="shocked" /></a></td>
<td><a href="javascript:insert_emoticons(':-p');"><img src="/fileadmin/images/smilies/9.gif" border="0" alt="razz" title="razz" /></a></td>
</tr>
<tr><td colspan="3"> </td></tr>
</table>
</div>
</fieldset>
</form>
<!-- ###TEMPLATE_FORM### end -->
</body>
</html>
