[JS] Tekst automatisch invoeren in een tekstvak

[Rexomnium]

Hoi mensen, ik zit met een probleempje. Ik heb een formulier waarin mensen hun reacties kunnen typen. Daaronder heb ik enkele smileys staan en ik wil de mensen de mogelijkheid geven om die smileys aan te klikken en dat de bijbehorende code in het vak wordt ingevuld.

Daar heb ik de volgende functie voor geschreven:

JavaScript:

function addSmile(){
 oldText=document.reactie.body.value;
 newText=document.reactie.body.value+" :) ";
 document.reactie.body.value=newText;
}

In de HTML roep ik de functie zo op

HTML:

<a href="#" onClick="JavaScript:addSmile()">[img]"pics/smiles/smile.gif"[/img]</a> :)

Ik maak gebruik van een CMS dat niet door mij is gemaakt. Daarin hebben ze in het formulier de textarea (waar je dus de reactie intypt) 'body' genoemd. Javascript kent body als een vaste waarde en wil dan dus niet werken. Is er een manier om dat te kunnen omzeilen? Ik moet body, anders werkt het reactiescript niet.

Kan ik bijvoorbeeld aan het begin van de javascript de bodytag defiëneren als zijnde aan eigen variabele? Alvast bedankt.

[ Voor 6% gewijzigd door Rexomnium op 14-07-2003 11:42 ]

[deDorus]

Probeer document.reactie.elements['body'].value

[Verwijderd]

Misschien kan je het textarea een eigen id meegegeven, dus je code in zoiets wijzigen:

HTML:

<textarea name = "body" cols = "20" rows = "20" id = "mijnbody">

en dan met js GetElementById gebruiken:

JavaScript:

function addSmile(){
 document.getElementById('mijnbody').value = document.getElementById('mijnbody').value + ':)';
}

Edit: hint: maak van je smiley een parameter..

[ Voor 35% gewijzigd door Verwijderd op 14-07-2003 11:48 ]

[Rexomnium]

deDorus schreef op 14 juli 2003 @ 11:46:
Probeer document.reactie.elements['body'].value

Werkt... thx

@sKiLL4

Waarom moet ik van de smileycodes een parameter maken?

[WvdWest]

Je zou natuurlijk kunnen kijken hoe dat in het reactie script werkt. Je kan ook met GetElementByID werken. Als ID gebruik je textarea en vervolgens vraag je van elk element de "name" property op en controleert of dit body is. Zo ja, element gevonden.
zoiets als dit dus

JavaScript:

intLengte = document.GetElementByID("textarea").length
for (x=0;x<intLength;x++)
{
      if (document.GetElementByID("textarea").name == "body")
      {
           /*en hier jouw code*/
      }
}

Als er niks veranderd in je pagina kan je ook nog uitzoeken welk volgnummer deze area heeft zodat je niet hoeft te loopen. Scheelt weer wat in het laden van de pagina.

[BtM909]

WvdWest schreef op 14 juli 2003 @ 11:52:
Je zou natuurlijk kunnen kijken hoe dat in het reactie script werkt. Je kan ook met GetElementByID werken. Als ID gebruik je textarea en vervolgens vraag je van elk element de "name" property op en controleert of dit body is. Zo ja, element gevonden.
zoiets als dit dus

Bedoel jij niet document.getElementByTagName ?

RexomniuM schreef op 14 juli 2003 @ 11:52:
[...]

Werkt... thx

@sKiLL4

Waarom moet ik van de smileycodes een parameter maken?

Als je meerdere (verschillende) smilies wil toevoegen, dan ben je met een functie klaar:

Java:

function addSmile(whichOne){
 oldText=document.reactie.body.value;
 newText=document.reactie.body.value + whichOne
 document.reactie.body.value=newText;
}

Aanroep wordt dan: addSmile(':-)');

[crisp]

gebruik nooit de ranzige dot-notatie om formelementen te benaderen, maar altijd document.forms['formpje'].elements['elementje']; scheelt je een hoop kopzorgen

toch wel redelijk basic verder dit