Barra desplazamiento...vertical-horizontal - VB-MUNDO

xik21 · #1 (**permalink**) 13-02-2007, 08:32:05

Saludos foreros!!

Hay alguna forma de utilizar los dos iconos de abajo para hacer que se mueva el texto(arriba-abajo) dentro del cuadro?

xik21 · #2 (**permalink**) 14-02-2007, 22:42:22

Alguien sabe como podria aplicar el scroll down y el scroll up.

Gracias.

Istyar · #3 (**permalink**) 15-02-2007, 11:09:09

Eso es más facil:
<div style="width: 350px; height: 90px; overflow: scroll">
...Texto laaaargo....
</div>

xik21 · #4 (**permalink**) 15-02-2007, 14:10:14

A ver... no se si me explique bién. Lo realmente quieren es que al clicar sobre los iconos hagan de barra de desplazamiento de <div> en cuestión.

Saludos Istyar, solo me contestas tu :smt003 :smt003

Istyar · #5 (**permalink**) 15-02-2007, 18:03:41

Lo más parecido que te puede ofrecer es algo así como:

Código:

<div style='width: 100px; height: 100px; overflow-x: hidden; overflow-y: hidden;'>
  <div id='contenido' style='width: 300px; height: 300px; margin: 0px 0px 0px 0px;'>
    A
 B
 C
 D
 E
 F
 G
 H
 
  </div>
</div>
<input value='^' type='button' 
  onclick="getElementById('contenido').style.marginTop = (parseInt(getElementById('contenido').style.marginTop) - 10) + 'px';">
<input value='v' type='button' 
  onclick="getElementById('contenido').style.marginTop = (parseInt(getElementById('contenido').style.marginTop) + 10) + 'px';">

xik21 · #6 (**permalink**) 16-02-2007, 00:06:52

Muchisimas gracias, es exactamente lo que buscaba, ahora cambiaaré los botones por las imagenes mias y a funcionar. Entonces para que me dijeron que se tenia que utilizar el scrolldown y el scrollup?:smt005
No se, pero muchas gracias. :smt002

Istyar · #7 (**permalink**) 16-02-2007, 10:14:37

La solución es similar a una que utilicé en su día para implementar
un scroll en una PDA, pero no se si Javascript tiene métodos especialmente
diseñados para hacer esa tarea. Estaba investigando un poco y lo
que sí encontré es una librería de Aaron Boodman:
http://webapp.youngpup.net/?request=...mpleScroll.xml
pero no sé que licencia tiene.

xik21 · #8 (**permalink**) 17-02-2007, 12:33:39

He implementado el ypSimpleScroll-OnMouseDown, visualmente es muy espectacular.

Muchas Gracias :smt023