PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
R

javascript dropdown box

Door Robin op 22-10-2008 12:17
948 views
Hallo,
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
Erik Rijk
22-10-2008 12:37
Ik ben geen javascript kenner maar ik geloof dat je met innerhtml de tekst tussen html tags kan aanpassen ... maar je wilt niet het geheel aanpassen maar er iets aan toevoegen ... toch denk ik wel dat je in deze richting moet zoeken...

Er zijn ook zat fora waar ditzelfde gebeurt? Je kan altijd even de bron bekijken en stapsgewijs gaan zoeken lijkt me.
R
Robin
22-10-2008 13:17
ik heb momenteel dit javascript, die normaal strings toevoegt aan je textarea:

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();
	}
}



Dit is mijn link
<a href="javascript:emoticon(':D')">test</a>


dit mijn form:
<form method="post" action="<?php $_SERVER["PHP_SELF"] ?>" id = "form" name = "form" onsubmit="return validate(this)">


en dit is mijn textarea:

<textarea rows="5" cols="66" name="bericht" id = "bericht" class="post"></textarea></td>


maar het wil maar niet werken, wat doe ik fout?

J
Jacco Engel
22-10-2008 14:00
functie vervangen door :

document.getElementById("bericht").value += emotion

(of denk ik nu te simpel :P)
Jan Koehoorn
22-10-2008 15:59
Ja, en dan die =+ andersom ;-)

Reageren

Inloggen om te reageren