Hallo ik heb een form die via php/mysql naar een db gestuurd wordt. In het veld event (textarea) zou ik graag willen dat het mogelijk wordt om via een knop (door erop te klikken, eigenlijk zoals de ubb code op een forum) hetvolgende in te voeren:
<br />
<b></b>
Ik denk dat dat via Javascript zal moeten gebeuren. Of wat denken jullie?
Javascript biedt inderdaad een oplossing:


<script language="Javascript">
function addText(element, text)
{
    element.value += text;
}
</script>

<!-- Voorbeeldje -->

<form action="" method="post" name="formulier">
<input type="text" name="veld" />
</form>

<a href="javascript:addText(document.formulier.veld,'<br />')">Add newline (< br />)</a>
Het vak waar het zou moeten toegevoegd worden is een textarea. Is dat een probleem?
nope
Het lukt me niet echt.

Dit is de lijn waar het zou moeten gebeuren:

<textarea id="event"  name="event" rows="5" cols="40"  style="margin-left:10px;"></textarea>
Je hebt je formulier wel een naam gegeven?

Het element waar je tekst in wilt laten plaatsen (in dit geval je tekstarea) wordt in javascript aangeduid in de vorm: document.<formuliernaam>.<elementnaam>

Belangrijk is dus dat je je formulier ook een naam geeft, zie ook mijn voorbeeld.

In jouw geval zal het dus worden:
addText(document.<naam van je formulier>.event, '<tekst die je wilt toevoegen>')

Gaat het om name of id?
En <br /> moet ik misschien opgeven als &#60;br &#47;&#62;
JavaScript benadert DOM elementen via het id. De beste methode is document.getElementById. Als je het ook voor oudere browsers wilt laten werken moet je een generieke functie schrijven. Ik gebruik altijd die van Peter Paul Koch:

function getObj (name)
{
	if (document.getElementById) {
		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
	}
	else if (document.all) {
		this.obj = document.all[name];
		this.style = document.all[name].style;
	}
	else if (document.layers) {
		this.obj = document.layers[name];
		this.style = document.layers[name];
	}
}
@jvuz: Wat Jan geeft is inderdaad de beste methode, maar via de naam van een element kan het ook.

Kijk nog eens goed naar het voorbeeld dat ik gaf, daarin worden de twee vragen die je als laatste stelt al beantwoord...
Deze code

<script language="Javascript">
function addText(element, text)
{
    element.value += text;
}
</script>
voeg ik toe tussen de head tags? En de andere code tussen de form tags, of enkel de a href?

Reageren