Is selectionEnd and selectionStart crossbrowser?

Nor · 01-25-2008, 05:45 PM

I was wondering because I was looking at a tutorial for applying bulletin board code, and I'm not to sure if this would be supported in all browsers.

Tutorial I was refering to: Apply bbcode with JavaScript | Tb-one.se

Alan @ CIT · 01-25-2008, 06:35 PM

No idea about the javascript I'm afraid but PHP does provide a BBCode extension which may be worth looking at

PHP: BBCode - Manual

Alan

Nor · 01-25-2008, 08:19 PM

I didn't ask for php, I asked if its cross browsed and php is server side scripting. Some said its cross browsered im unsure I'll find out.

Alan @ CIT · 01-25-2008, 08:22 PM

I know that, I was just mentioning that since you where building a BBCode system, PHP has an extension which might help - not with the javascript used to put the tags in your editor of course, but perhaps with other bits

Alan

Nor · 01-25-2008, 09:00 PM

Yeah, I've already built a system, thanks though.

Salathe · 01-25-2008, 09:24 PM

In answer to the question posed as the topic title, no. If I remember correctly (it's been a while) Firefox (and other gecko browsers) does things one way (selectionStart/End), IE does things another way, other browsers have their own ways and some just plain don't do it at all.

I could be wrong but I doubt things have changed all very much since I played around with this kind of thing some time ago.

Nor · 01-25-2008, 09:41 PM

Your correct, I got this code so far:

Code:

<html>
<head>
<title>Debug mode</title>
<script type='text/javascript'>
function insertTag(tag)
{
	if(document.selection)
	{
	
	}
	else
	{
		var v = window.document.f.post;
		var start = v.value.substr(0,v.selectionStart);
		var end = v.value.substr(v.selectionEnd,v.value.length);
		var middle = v.value.substr(v.selectionStart,v.selectionEnd);
		content = start + "["+tag+"]" + middle + "[/"+tag+"]" + end
		//v.value = content
		alert(start+" ------ "+middle+" ------ "+end);
	}
}
</script>
</head>
<body>
<input onclick='insertTag("b")' type='button' value='b' />
<input onclick='insertTag("i")' type='button' value='i' />
<input onclick='insertTag("u")' type='button' value='u' />
<input onclick='insertTag("s")' type='button' value='s' />
<input onclick='insertTag("sub")' type='button' value='sub' />
<form name='f' action='' method='post'>
<textarea cols=100 rows=10 name='post'></textarea>
</form>

</body>
</html>

Example code: Debug mode

In IE 7 I added the if statement because the start position and end position would grab all text :(, so I added the if statement can someone help me learn how to get it working with IE 7. createRange is confusing.