Gegen Bilderklau - Das Original | Druckvorschau: Javascript Problem Smileys in Text

Geschrieben von bambi.bummler am 25.06.2008 um 20:35:

Javascript Problem Smileys in Text

Ja, also ich hab mich zum ersten Mal daran gewagt. Die Codes werden aber nicht in die Textarea eingefügt. Jemand eine Ahnung?

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:


<script language="JavaScript">

function emoticon(text) {

var txtarea = document.post.message;

text = ' ' + text + ' ';

if (txtarea.createTextRange && txtarea.caretPos) {

var caretPos = txtarea.caretPos;

caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;

txtarea.focus();

} else {

txtarea.value  += text;

txtarea.focus();

}

}

</script>

      <td><label>
        <textarea name="text" id="text" cols="59" rows="5"></textarea>
      </label></td>

Anmerkung: Wenn ihr wollt stell ich ganze Doc on!

Geschrieben von bambi.bummler am 25.06.2008 um 22:34:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:

<?php include "header.php"; ?>

<!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">
<head>
<script language="JavaScript">
<!--
function SmilieEinfuegen(Smilie)
{
    document.text.text.value += Smilie+" ";
    document.text.text.focus();
}
//-->
</script>

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" type="text/css" href="style.css"></head>

<body>
<h5>G&auml;stebuch</h5>
<p>Hinterlasst uns doch Lob, Kritik und Verbesserungsvorschl&auml;ge =) Werbung wird jedoch sofort gel&ouml;scht!</p>




<form id="form1" name="form1" method="post" action="">
  <table width="400" border="1" align="center">
    <tr>
      <th width="70" scope="row">Name</th>
      <td width="314"><label>
        <input name="name" type="text" id="name" size="63" />
      </label></td>
    </tr>
    <tr>
      <th scope="row">eMail</th>
      <td><input name="email" type="text" id="email" size="63" /></td>
    </tr>
    <tr>
      <th scope="row">Homepage</th>
      <td><input name="homepage" type="text" id="homepage" size="63" /></td>
    </tr>
    <tr>
      <th scope="row">Betreff</th>
      <td><input name="betreff" type="text" id="betreff" size="63" /></td>
    </tr>
    <tr>
      <th rowspan="2" scope="row">Nachricht</th>
      <td><p><a href="javascript:SmilieEinfuegen(':engel:')"><img src="images/grafiken/smily/engel.gif" border="0" alt="Sehr glücklich" title="Sehr glücklich" /></a>&nbsp;<a href="javascript:emoticon(':freu:')"><img src="images/grafiken/smily/freu.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':grins:')"><img src="images/grafiken/smily/grins.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':help:')"><img src="images/grafiken/smily/help.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a><a href="javascript:emoticon(':kaninchen:')"><img src="images/grafiken/smily/kaninchen.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':lach:')"><img src="images/grafiken/smily/lach.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':liebe:')"><img src="images/grafiken/smily/liebe.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':nts:')"><img src="images/grafiken/smily/nts.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':respekt:')"><img src="images/grafiken/smily/respekt.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':rolleyes:')"><img src="images/grafiken/smily/rolleyes.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /> </a><a href="javascript:emoticon(':sauer:')"><img src="images/grafiken/smily/sauer.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':schlaf:')"><img src="images/grafiken/smily/schlaf.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':traurig:')"><img src="images/grafiken/smily/traurig.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> <a href="javascript:emoticon(':traurig2:')"><img src="images/grafiken/smily/traurig2.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a></p>
      <p><a href="javascript:emoticon(':zunge:')"><img src="images/grafiken/smily/zunge.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a><a href="javascript:emoticon(':zwinker:')"> <img src="images/grafiken/smily/zwinker.gif" border="0" alt="Sehr gl&uuml;cklich" title="Sehr gl&uuml;cklich" /></a> </p>        <label></label></td>
    </tr>
    <tr>
      <td><p>
        <textarea name="text" id="text" cols="59" rows="5"></textarea>
      </p>      </td>
    </tr>
    <tr>
      <th colspan="2" scope="row"><label>
        <div align="right">
          <input type="submit" name="button" id="button" value="&raquo;" />
        </div>
      </label></th>
    </tr>
  </table>
</form>
<p><img src="images/grafiken/trenner.gif" width="42" height="6" /></p>
<p>&nbsp;</p>
</body>



</html>

so gehts nicht