Div scrollable en JS : pb !

[Alic3s]

Bonjour, j'ai trouvé un super script JS, pour scroller automatique une div en passant sur deux boutons up et down, avec une vitesse acceptable, le seul soucis, ce que l'auteur n'a pas mis le code des boutons, j'en suis arrivé toute seule à "<a href="#" onMouseOver="scrolling=-2"> ou +2, ou peu importe le chiffre, ca bouge, mais ca fait rien :s ca monte juste de 2px.

Le résultat souhaité est celui ci : Liens

Merci d'avance !!!

Voici le code JS :

var margin, timeout;

var scrolling = 0;

function scrollTop(longScroll) {

if(scrolling > 0) {

document.getElementById("centre").style.marginTop = "-"+(scrolling--)+"px";

}

else {

return;

}

if(longScroll == true) {

timeout = setTimeout("scrollTop(true)", 10);

}

}

function scrollBottom(longScroll) {

if(scrolling < document.getElementById("centre").offsetHeight) {

document.getElementById("centre").style.marginTop = "-"+(scrolling++)+"px";

}

else {

return;

}

if(longScroll == true) {

timeout = setTimeout("scrollBottom(true)", 10);

}

}

window.onload = function() {

document.links[1].onmouseover = function() {scrollTop(true);};

document.links[1].onmouseout = function() {scrollTop(false);clearTimeout(timeout);};

document.links[2].onmouseover = function() {scrollBottom(true);};

document.links[2].onmouseout = function() {scrollBottom(false); clearTimeout(timeout);};

// affectation et récupération de la valeur de marge du contenu, ça va nous servir à faire le scrolling

document.getElementById("centre").style.marginTop = "0px";

margin = document.getElementById("centre").style.marginTop;

};

[Alic3s]

ou bien si quelqu'un a une autre solution.......

[ghost]

Bonjour,

Le JS n'est pas ma tasse de thé mais les boutons sont codés par numérotation de tes liens sur ta page soit :

document.links[1].onmouseover = function() {scrollTop(true);};

document.links[1].onmouseout = function() {scrollTop(false);clearTimeout(timeout);};

document.links[2].onmouseover = function() {scrollBottom(true);};

document.links[2].onmouseout = function() {scrollBottom(false); clearTimeout(timeout);};

document.links[1] = lien n°2 de ta page (0 étant le premier)

document.links[2] = lien n°3 de ta page

Si tu ne mets aucun lien avant ton div scrollable :

document.links[0].onmouseover = function() {scrollTop(true);};

document.links[0].onmouseout = function() {scrollTop(false);clearTimeout(timeout);};

document.links[1].onmouseover = function() {scrollBottom(true);};

document.links[1].onmouseout = function() {scrollBottom(false); clearTimeout(timeout);};

Et ça marche

[Alic3s]

mici, mais bon j'ai préféré l'iframe en fait et les tables, tanpi pour le beau site en div valide W3C