javascript dropdown box
Ik heb een javascriptje gevonden met een dropdown menu. Dus als je op de link klikt (onclick) komt er een dropdown box tevoorschijn. Ik wil dit een beetje aanpassen, want momenteel staan er links in die drop down. Ik wil dat er emoticons in staan (weet ik hoe je moet doen) en als je dan op een emoticon klikt, komt de code van die emoticon in mijn textarea te staan.
voorbeeldje
ik klik op het icon glimlachje, in mijn textarea komt ":)" te staan, zodat de gebruikers makkelijk emoticons in hun berichten kunnen toevoegen...
Weet iemand waar je een tutorial of voorbeeld kan vinden?
mvg Robin
Er zijn ook zat fora waar ditzelfde gebeurt? Je kan altijd even de bron bekijken en stapsgewijs gaan zoeken lijkt me.
Code (php)
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
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
function emoticon(text)
{
var txtarea = document.form.bericht;
text = ' ' + text + ' ';
if (txtarea.createTextRange && txtarea.caretPos)
{
if (baseHeight != txtarea.caretPos.boundingHeight)
{
txtarea.focus();
storeCaret(txtarea);
}
var caretPos = txtarea.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
txtarea.focus();
}
else if ((txtarea.selectionEnd | txtarea.selectionEnd == 0) && (txtarea.selectionStart | txtarea.selectionStart == 0))
{
mozInsert(txtarea, text, "");
return;
}
else
{
txtarea.value += text;
txtarea.focus();
}
}
{
var txtarea = document.form.bericht;
text = ' ' + text + ' ';
if (txtarea.createTextRange && txtarea.caretPos)
{
if (baseHeight != txtarea.caretPos.boundingHeight)
{
txtarea.focus();
storeCaret(txtarea);
}
var caretPos = txtarea.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
txtarea.focus();
}
else if ((txtarea.selectionEnd | txtarea.selectionEnd == 0) && (txtarea.selectionStart | txtarea.selectionStart == 0))
{
mozInsert(txtarea, text, "");
return;
}
else
{
txtarea.value += text;
txtarea.focus();
}
}
Dit is mijn link
Code (php)
1
<a href="javascript:emoticon(':D')">test</a>
dit mijn form:
Code (php)
1
<form method="post" action="<?php $_SERVER["PHP_SELF"] ?>" id = "form" name = "form" onsubmit="return validate(this)">
en dit is mijn textarea:
Code (php)
1
<textarea rows="5" cols="66" name="bericht" id = "bericht" class="post"></textarea></td>
maar het wil maar niet werken, wat doe ik fout?
Gewijzigd op 01/01/1970 01:00:00 door Robin
document.getElementById("bericht").value += emotion
(of denk ik nu te simpel :P)
Gewijzigd op 01/01/1970 01:00:00 door Jacco Engel
Gewijzigd op 01/01/1970 01:00:00 door Jacco Engel