Bonjour,
J'ai un problème avec un javascript qui permet de faire un scroll dans une Div. Je l'ai trouver sur ce site : http://www.wikistuce.info/doku.php/javascript/recreer_une_scrollbar_en_javascript
Tout marche nickel, mais moi je voudrais faire une page avec plusieurs DIV qui utilisent ce scroll, qu'elles soit toutes indépendantes, le problème c'est que le script ne marche que sur UNE seule DIV. Et j'ai par exemple répété plusieurs fois le script en mettant des valeurs différentes, mais ça ne marche pas.
J'ai aussi essayer cette solution (que j'ai vraiment compris) :
===================================================================
Tel quelle est présenté ici la fonction ne peu être utilisable que pour un seul ascenseur par page.
En effet, elle utilise un id pour repérer la zone a scroller.
Il faudrais légèrement la modifier pour que ça marche.
essaye comme ça :
et pour les boutons scroll :
Le 2eme paramètres de moveLayer est l'id de l'objet qui doit scroller.
ex : <div id=“contenu”
Il faut penser à changer cet id à chaque fois (dans l'attribut du div et dans le paramètre de la fonction sur chaque onmouseover
PS : Fait nous un retour si ça fonctionne
===================================================================
Est ce que vous avez une solution ? ça va faire un moment que je galère.
Merci
Modifié par dartktemplar371 (06 Dec 2009 - 21:05)
J'ai un problème avec un javascript qui permet de faire un scroll dans une Div. Je l'ai trouver sur ce site : http://www.wikistuce.info/doku.php/javascript/recreer_une_scrollbar_en_javascript
Tout marche nickel, mais moi je voudrais faire une page avec plusieurs DIV qui utilisent ce scroll, qu'elles soit toutes indépendantes, le problème c'est que le script ne marche que sur UNE seule DIV. Et j'ai par exemple répété plusieurs fois le script en mettant des valeurs différentes, mais ça ne marche pas.
J'ai aussi essayer cette solution (que j'ai vraiment compris) :
===================================================================
Tel quelle est présenté ici la fonction ne peu être utilisable que pour un seul ascenseur par page.
En effet, elle utilise un id pour repérer la zone a scroller.
Il faudrais légèrement la modifier pour que ça marche.
essaye comme ça :
function moveLayer(Sens,obj) {
Objet=document.getElementById(obj);
if(parseInt(Objet.style.top) + (Pas*Sens)>0) {
clearTimeout(Timer);
}
else if(parseInt(Objet.style.top) + (Pas*Sens)<-(Objet.offsetHeight-document.getElementById("support").offsetHeight)) {
clearTimeout(Timer);
}
else {
Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
}
Timer = setTimeout("moveLayer(" + Sens + ");", 30);
}
et pour les boutons scroll :
<code type="html">
<img onmouseover="moveLayer(1,'contenu');" onmouseout="clearTimeout(Timer);" src="slideup.png" style="cursor:pointer; position:absolute; right:0;" alt="" />
<img onmouseover="moveLayer(-1,'contenu');" onmouseout="clearTimeout(Timer);" src="slidedown.png" style="cursor:pointer; position:absolute; right:0; bottom:0;" alt="" /
</code>
Le 2eme paramètres de moveLayer est l'id de l'objet qui doit scroller.
ex : <div id=“contenu”
Il faut penser à changer cet id à chaque fois (dans l'attribut du div et dans le paramètre de la fonction sur chaque onmouseover
PS : Fait nous un retour si ça fonctionne
===================================================================
Est ce que vous avez une solution ? ça va faire un moment que je galère.
Merci
Modifié par dartktemplar371 (06 Dec 2009 - 21:05)