JavaScript help needed

[DragonEye]

hi,

What I'm trying to do is the following:
I want a form with a text area with three buttons next to it.

Those buttons are: bold, underline, italic

When a user selects text in the textarea and then clicks 'Bold' a javascript should make appear at the beginning and the end of the selected text.

I have searched for methods to do this but I can't get it to work

plz help

thanks

DragonEye

[LazyJim]

google getselection()
that should give you lot's of info on the JavaScript feature you'll probably want to use.

[DragonEye]

no,

getseletion only works in netscape navigator.
I have found some sort of solution, but it's far from perfect

But there are several problems:

• If the selected part is in the textarea field more than once, the first occurence is taken
• Only works on Internet Explorer as the commands for determining the selected part are different in netscape, i have noticed that this forum's post form uses the same system and works on both internet explorer and netscape. Must be some fine coding

if(navigator.userAgent.indexOf("MSIE")==-1)
	{
	alert("Deze functie werkt enkel met Microsoft Internet Explorer");
	}
	else if(navigator.userAgent.indexOf("MSIE")!==-1)
	{
	var selectie = document.selection.createRange().text;
	}

	var alletekst = document.getElementById(veld).createTextRange().text;
	var selectielengte = document.selection.createRange().text.length;
	var beginposselectie = alletekst.indexOf(selectie);

	document.getElementById(veld).value = alletekst.substring(0,beginposselectie) + "["+tag+"]" + selectie + "[/"+tag+"]" + alletekst.substring((beginposselectie+selectielengte),alletekst.length);

[LazyJim]

use the TextRange obkect in MSIE search for that on MSDN web site

Yes there are differences, that's why when I needed it I chose to only support IE. Might do a x-browser solution in the future though.

[DragonEye]

this is the solution to my problem.

function opmaak(tag,veld)
{
var geselecteerd = document.selection.createRange().text;
var nieuwetekst = "["+tag+"]"+geselecteerd+"[/"+tag+"]";
document.selection.createRange().text = nieuwetekst;
}