propiedades de la barra de scroll de un textarea

Wanito · #1 (**permalink**) 03/12/2004, 05:04

Buenas a todos. Mi pregunta es la siguiente:
Tengo dos textareas hechos, uno al lado del otro. A un textarea le he deshabilitado la barra de scroll y en el otro textarea le he habilitado la barra de scroll. Quiero que con la única barra de scroll que tengo se desplacen los dos textareas. ¿Es posible hacerlo? Si es posible, de qué manera y cuales son las instrucciones que tengo que poner.

Muchas gracias y saludos a todos

kepawe · #2 (**permalink**) 03/12/2004, 10:21

Hola Wanito

El objeto textarea tiene la propiedades scrollTop para el scroll lateral y scrollLeft para la barra inferior, estas devuelven la posición de los scroll y permiten asignarles un nuevo valor.
Te envío este ejemplo.

Código PHP:

   
<html> 
<head> 
 
</head> 
 
<body> 
<form> 
<textarea id="abc" style="position:relative;border:solid 1px black;overflow:hidden;" 
rows="5" cols="20" onfocus="control =0;move_scroll()" onblur="control = 1"> 
Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla, 
Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla, 
</textarea> 
<textarea id ="def" style="position:relative;border:solid 1px black;overflow:auto;" 
rows="5" cols="20" onfocus="control =0;move_scroll()" onblur="control = 1" > 
Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla, 
Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla,Bla, bla, bla, 
</textarea> 
 
<script> 
 
var timeout_id = setTimeout('move_scroll()',100) 
var control = 1 
function move_scroll(){ 
  var t1 = document.getElementById("abc") 
  var t2 = document.getElementById("def") 
   
  t1.scrollTop = t2.scrollTop 
  if(control){ 
    clearTimeout(timeout_id) 
  } 
  else{ 
    timeout_id = setTimeout('move_scroll()',100) 
  } 
} 
 
 
</script> 
</body> 
</html>

Espero que te sirva.

Un saludo