en le div tampoco ami me funciono ._.
pense que convirtiendo el div en editable se podia cojer los balores pero no :S
pero si lo que quieres es saver la posision del raton en un textarea y un input
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ejemplo</title>
<script>
function devPos(input){
if(typeof document.selection != 'undefined' && document.selection && typeof input.selectionStart == 'undefined' || input.selectionStart=='vacio'){
var str =document.selection.createRange();
var stored_range = str.duplicate();
stored_range.moveToElementText(input);
stored_range.setEndPoint( 'EndToEnd', str );
input.selectionStart = stored_range.text.length - str.text.length;
input.selectionEnd = input.selectionStart + str.text.length;
alert(input.selectionStart);
input.selectionStart='vacio';
}else if(typeof input.selectionStart != 'undefined'){
alert(input.selectionStart);
}
}
function devPos2(input){
if(typeof document.selection != 'undefined' && document.selection && typeof input.selectionStart == 'undefined'){
var range = document.selection.createRange();
var bookmark = range.getBookmark();
var caret_pos = bookmark.charCodeAt(2) - 2;
alert(caret_pos)
}else if(typeof input.selectionStart != 'undefined'){
alert(input.selectionStart);
}
}
</script>
</head>
<body>
(click sobre los campos para obtener la posición del cursor)
<form id="form1" name="form1" method="post" action="">
<textarea name="area" rows="5" cols="" id="area" onclick="devPos(this)">esta es una prueba
assmkasmsa
as
as
</textarea>
<br />
<input name="campo" type="text" id="campo" value="ver qué pasa en textfield" size="60" onclick="devPos2(this)" />
</form>
</body>
</html>