¿Necesita ayuda: Div. Javascript / Scroller Elemento

  • Howdy_McGee
  • Novice
  • Novice
  • No Avatar
  • Registrado: Jun 22, 2010
  • Mensajes: 16
  • Status: Offline

Nota Junio 28th, 2010, 2:33 pm

Ok, así que estoy haciendo un guión que, o bien se desplazará a través de una serie de divs o sólo 4 elementos en un momento cuando el usuario hace clic en uno "para arriba / flecha hacia abajo", aunque ahora soy establecidos en hacer que se desplace divs. He comenzado a escribir un guión, pero no soy muy familiar con javascript y no saben a dónde ir desde allí. Con la esperanza de que alguien aquí me puede ayudar de alguna manera.

Esto es lo que empecé a trabajar en.
Código: [ Select ]
var divScroll = [];

    divScroll[0] = document.getElementById('i1t5');
    divScroll[1] = document.getElementById('16t10');
    divScroll[2] = document.getElementById('i11t15');
    
function click()
{
    if (document.getElementById('arrowUp'))
    {
        for (int i = 0; i < divScroll.length; i--)
        {
            document.getElementById('leftScroll');
            
        }
    }
    if (document.getElementById('arrowDown'))
    {
        for (int i = 0; i < divScroll.size(); i++)
        {
            
        }
    }
}
  1. var divScroll = [];
  2.     divScroll[0] = document.getElementById('i1t5');
  3.     divScroll[1] = document.getElementById('16t10');
  4.     divScroll[2] = document.getElementById('i11t15');
  5.     
  6. function click()
  7. {
  8.     if (document.getElementById('arrowUp'))
  9.     {
  10.         for (int i = 0; i < divScroll.length; i--)
  11.         {
  12.             document.getElementById('leftScroll');
  13.             
  14.         }
  15.     }
  16.     if (document.getElementById('arrowDown'))
  17.     {
  18.         for (int i = 0; i < divScroll.size(); i++)
  19.         {
  20.             
  21.         }
  22.     }
  23. }


Y encontré esta línea que probablemente me daría un "desplazamiento" efecto cuando se hace clic.
Código: [ Select ]
scrollStep=1

timerUp=""
timerDown=""

function toTop(id){
document.getElementById(id).scrollTop=0
}

function scrollDivDown(id){
clearTimeout(timerDown)
document.getElementById(id).scrollTop+=scrollStep
timerDown=setTimeout("scrollDivDown('"+id+"')",10)
}

function scrollDivUp(id){
clearTimeout(timerUp)
document.getElementById(id).scrollTop-=scrollStep
timerUp=setTimeout("scrollDivUp('"+id+"')",10)
}

function toBottom(id){
document.getElementById(id).scrollTop=document.getElementById(id).scrollHeight
}

function stopMe(){
clearTimeout(timerDown)
clearTimeout(timerUp)
}
  1. scrollStep=1
  2. timerUp=""
  3. timerDown=""
  4. function toTop(id){
  5. document.getElementById(id).scrollTop=0
  6. }
  7. function scrollDivDown(id){
  8. clearTimeout(timerDown)
  9. document.getElementById(id).scrollTop+=scrollStep
  10. timerDown=setTimeout("scrollDivDown('"+id+"')",10)
  11. }
  12. function scrollDivUp(id){
  13. clearTimeout(timerUp)
  14. document.getElementById(id).scrollTop-=scrollStep
  15. timerUp=setTimeout("scrollDivUp('"+id+"')",10)
  16. }
  17. function toBottom(id){
  18. document.getElementById(id).scrollTop=document.getElementById(id).scrollHeight
  19. }
  20. function stopMe(){
  21. clearTimeout(timerDown)
  22. clearTimeout(timerUp)
  23. }


Cualquier tipo de ayuda se agradece, opiniones, consejos, trucos, todo lo que le ayudará.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Junio 28th, 2010, 2:33 pm

  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de Usuario
  • Registrado: Mar 12, 2007
  • Mensajes: 6228
  • Loc: South-Africa
  • Status: Offline

Nota Junio 29th, 2010, 7:09 am

tal vez usted debería mirar en jQuery ...
Let's leave all our *plum* where it is and go live in the jungle ...

Publicar Información

  • Total de mensajes en este tema: 2 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 196 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC