11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour.
Pour le menu d'une galerie photo, je souhaitais créer des boutons de défilement vertical à la place d'une scrollbar.
j'ai trouvé ce petit code JS qui fonctionne parfaitement.
<script language="javascript">
    
    var Timer;
    var Pas = 3;
    
    function moveLayer(Sens)
    {
        if(document.getElementById)
            Objet = document.getElementById("Contenu");
        else
            Objet = document.all["Contenu"];
        if(parseInt(Objet.style.top) + (Pas*Sens) > 0)
            Objet.style.top = "0px";
        else
            Objet.style.top = (parseInt(Objet.style.top) + (Pas*Sens)) + "px";
        Timer = setTimeout("moveLayer(" + Sens + ");", 30);
    }

</script>

Dans mon body j'ai :
<div id="butup">		
	<a href="#" onmouseover="javascript:moveLayer(1);" onmouseout="javascript:clearTimeout(Timer);">
		<img src="design/butupout.png" name="Buttonup"
        	onmouseover="Buttonup.src='design/butupon.png'"
        	onmouseout="Buttonup.src='design/butupout.png'"></a>
	</div>
	<div id="butdown">		
	<a href="#" onmouseover="javascript:moveLayer(-1);" onmouseout="javascript:clearTimeout(Timer);">
		<img src="design/butdownout.png" name="Buttondown"
        	onmouseover="Buttondown.src='design/butdownon.png'"
        	onmouseout="Buttondown.src='design/butdownout.png'"></a> 
	</div>

<div id="Support" style="position: absolute; width: 100px; height: 570px; overflow: hidden;">	
	<div id="Contenu" style="position: absolute; left:0; top:0;">
	        <div class="menu">

(une 20aine d'images miniatures)

		</div>
	</div>
</div>

Seulement quand j'arrive en bas de page, l'ascenseur ne s'arrête pas.
Il semblerai que je doive indiquer la hauteur complète de mon "menu" (1152px) quelque part mais je ne trouve pas.
Si quelqu'un a une idée, je le remercie d'avance.
À plus Smiley biggrin .