Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/10/2011, 14:47
dleal100
 
Fecha de Ingreso: septiembre-2011
Mensajes: 158
Antigüedad: 13 años, 3 meses
Puntos: 15
Respuesta: Resaltar palabra/texto seleccionado

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&eacute; pasa en textfield" size="60" onclick="devPos2(this)" />
</form>

</body>
</html>