Ahora entiendo. Debí postear una barra limpia, sin formato, para evitar que se confundiera el código motor con el maquillaje. Pero, como siempre, estaba apurado y quise ahorrarme el tipeo copiando algún documento que ya tenía hecho. Y elegí el editor de colores.
La voy a postear ahora, aunque sigo sin saber cómo se comporta o cómo se adapta por lo menos a
Mozila y
Opera (si es que se puede), y sin muchas esperanzas de que alguien publique debajo una versión mejorada.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
function charly(Bh,I){
desplH=Bh.scrollLeft;
document.getElementById(I).value=desplH;
}
</script>
<style type="text/css">
</style>
</head>
<body>
<input id="delta" size=2>
<div style="height:35px /*GROSOR APROX. DE UN SCROLLBAR(MÁXIMO)*/; width:300px /*LARGO QUE QUERRAMOS DARLE*/; overflow:auto" onscroll="charly(this,'delta')">
<div style="overflow:hidden; height:1px; width:400px /*LARGO DE SCROLLBAR + RANGO DE DESPLAZAMIENTO*/"></div>
</div>
</body>
</html>
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript">
function alfa(Bv,I){
desplV=Math.floor(Bv.scrollTop/5);
document.getElementById(I).value=desplV;
}
</script>
<style type="text/css">
</style>
</head>
<body>
<input id="bravo" size=2>
<div style="height:300px; width:35px; overflow:auto" onscroll="alfa(this,'bravo')">
<div style="overflow:hidden; height:800px; width:1px"></div>
</div>
</body>
</html>
saludos
furoya