How to calcule text click position 1

[Joxemai]

How can when clicking on a text in which position have been clicked. Should I use textareas? How?

 

[vongrunt]

IMO why click coordinates over text? If you need some kind of a map, use image and MAP/AREA tags.

 

[Joxemai]

I exacly must now in which character position (ex: 10th character, 43rd character ...) had been clicked, to know on whitch word was clicked. Realy, I have a text and I nead to control which words are clicked.
Thanks for all

 

[vongrunt]

Won't work that way... dimensions of characters depend on font, text can wrap etc.
Use TextRange object instead. This should work in IE:

<div onclick="getClickedWord();">
Some text here blah blah foo bar
</div>

<script language="javascript">
function getClickedWord()
{	oEvent = window.event; 
	oTR = document.body.createTextRange();
	oTR.moveToPoint( oEvent.x, oEvent.y );
	if ( oTR.expand("word")) alert( "Closest word: " + oTR.text );
}
</script>

 

[Joxemai]

Thank you very very much! It works! But ... Do yoy know how to do the same think to other browsers? I have try it in Mozilla and "ups! doesn't work

 

[Joxemai]

Where can I find information about how to use TextRange objets?

 

[vongrunt]

Tough problem... other browsers use DOM compliant TextRange that doesn't have expand() method.

Reference for IE TextRange object:

http://msdn.microsoft.com/library/d...hor/dhtml/reference/objects/obj_textrange.asp