Position dans un textArea et insertion
Bonjour tout le monde,
Voilà j'aurais juste besoin de comprendre ce qui ne marche pas car j'ai pas du tout capter à ce que j'ai fait .. En l'occurrence je veux bêtement que le code du smiley s'affiche dans un bête textarea, à la manière de ce qu'on trouve sur les forums tel que celui ci ..
Si quelqu'un a une idée sur l'erreur que j'ai pu commettre :
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
| <script type="text/javascript">
function addText(startTag,defaultText,endTag)
{
message = $('req_message');
if (message.createTextRange)
{
var text;
message.focus(message.caretPos);
message.caretPos = document.selection.createRange().duplicate();
if(message.caretPos.text.length>0)
{
var sel = message.caretPos.text;
var fin = '';
while(sel.substring(sel.length-1, sel.length)==' ')
{
sel = sel.substring(0, sel.length-1)
fin += ' ';
}
message.caretPos.text = startTag + sel + endTag + fin;
}
else
message.caretPos.text = startTag+defaultText+endTag;
}
else message.value += startTag+defaultText+endTag;
}
function setSmile(code)
{
addText('',' '+code+' ','');
}
function bbcode(text)
{
var txtarea = document.post.body;
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>
<table class="tableau_centre" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width: 29px;"><a href="javascript:setSmile(':)');"><img src="smileys/smile.gif" alt=":)"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':|');"><img src="smileys/mellow.gif" alt=":|"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':())');"><img src="smileys/sad.gif" alt=":("></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':D');"><img src="smileys/add_histerique.gif" alt=":D"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':o');"><img src="smileys/ohmy.gif" alt=":o"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(';)');"><img src="smileys/wink.gif" alt=";)"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':/');"><img src="smileys/unknw.gif" alt=":/"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':P');"><img src="smileys/tongue.gif" alt=":P"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':lol:');"><img src="smileys/lol.gif" alt=":lol:"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':mad:');"><img src="smileys/mad.gif" alt=":mad:"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':rolleyes:');"><img src="smileys/rolleyes.gif" alt=":rolleyes:"></a></td>
<td style="width: 29px;"><a href="javascript:setSmile(':cool:');"><img src="smileys/cool.gif" alt=":cool:"></a></td>
<td><input type="button" class="button" value="Gras" style="font-weight:bold; width: 50px" onClick="javascript:bbcode(' votre texte ici ')"></td>
<td><input type="button" class="button" value="Souligné" style="text-decoration:underline; width: 80px" onClick="javascript:bbcode(' votre texte ici ')"></td>
<td><input type="button" class="button" value="Italique" style="font-style: italic; width: 70px" onClick="javascript:bbcode(' votre texte ici ')"></td>
<td><input type="button" class="button" value="URL" style="text-decoration:underline; color:blue; width: 45px" onClick="javascript:bbcode(' lien internet ici ')"></td>
</tr></td>
</tbody>
</table>
<strong>Message</strong><br />
<p><textarea onmouseover="this.focus();" name="req_message" id="req_message" rows="20" cols="95" tabindex="2">Placez votre texte ici.</textarea></p><br /> |
