Menu défile comment stoper la function
Résolu
Bonjour,
Sa fait un moment que je block sur un bête problème qui de pouvoir stoper une function qui remonte un block div pour afficher le menu suivant
voila le code (x)html:
et le css:
Merci davance ;)
PazZ
Sa fait un moment que je block sur un bête problème qui de pouvoir stoper une function qui remonte un block div pour afficher le menu suivant
voila le code (x)html:
<script type="text/javascript">
var i=0
function déplacer_menus(){
i-=54;
document.getElementById("menu_hor").style.marginTop=i;
}
function déplacer_menus2(){
i+=54;
document.getElementById("menu_hor").style.marginTop=i;
}
</script>
head>
<body style="background-color:#9AAA74;" onLoad="resizeframe2();resize_menhorizon();">
<img src="images/logo.png" class="bat">
<div id="menu_defil">
<img src="../../img/Bouton/menu_suivant.jpg" class="menu_suivant" onClick="déplacer_menus2();">
<img src="../../img/Bouton/menu_suivant_2.jpg" class="menu_precedent" onClick="déplacer_menus();">
<div id="menu_hor">
<a href="../../General/news/newRh.html" target="iframe2"><img src="../../img/icone/new.jpg"></a>
<a href="../../General/presentationumv/presumv.html" target="iframe2"><img src="../../img/icone/presumv.jpg"></a>
<a href="../../General/salles_seance/salles.html" target="iframe2"><img src="../../img/icone/sall.jpg"></a>
<a href="../../General/Liste_tel/TAB E 30_02.pdf" target="iframe2"><img src="../../img/icone/tel.jpg"></a>
<a href="../../General/Mordant/Mordant.html" target="iframe2"><img src="../../img/icone/mordant.jpg"></a>
<a href="../../General/Fiches_secu/fichsecu.html" target="iframe2"><img src="../../img/icone/fichesecu.jpg"></a>
<a href="../../General/article_pub/articlepub.html" target="iframe2"><img src="../../img/icone/artpub.jpg"></a>
<a href="../../General/audits/PDF/rh/audits.html" target="iframe2"><img src="../../img/icone/rapaudit.jpg"></a>
<a href="../../General/news/newRh.html" target="iframe2"><img src="../../img/icone/new.jpg"></a>
<a href="../../General/presentationumv/presumv.html" target="iframe2"><img src="../../img/icone/presumv.jpg"></a>
<a href="../../General/salles_seance/salles.html" target="iframe2"><img src="../../img/icone/sall.jpg" id="test"></a>
</div>
</div>
et le css:
.menu_suivant
{
position:absolute;
left:0px;
cursor:pointer;
}
.menu_precedent
{
position:absolute;
right:20px;
cursor:pointer;
}
#menu_defil
{
margin-top:90px;
margin-left:auto;
margin-right:auto;
padding-left:34px;
padding-right:45px;
background-color: #CCFFCC;
height:51px;
}
#menu_hor
{
margin-left:auto;
margin-right:auto;
overflow: hidden;
background-color:#009933;
}
Merci davance ;)
PazZ
Configuration: Windows XP Internet Explorer 6.0
4 réponses
-
Up!
svp j'ai besoin d'aide. -
je saurai comment resoudre mon problème si vous me donniez la solution pour rendre un Height en donnée décimal c'est a dire enlever le 'px' dérière le chiffre
exemple:
document.getElementById('id').style.height sera = à 30px, et moi je veut le convertir en 30 tout cour ^^
merci
PazZ -
Up svp j'ai vraiment besoin de votre aide!!
-
j'ai utiliser le offsetHeight et sa fonctionne donc pour ceux que sa interesse voila le code
var y=75; var i=0; var mul=51; function position_menu(){ document.getElementById('menu_defil').style.top=y; document.getElementById("menu_hor").style.top=i; } function déplacer_menus(){ var stoper=-document.getElementById('menu_hor').offsetHeight; stoper+=(mul*2); if(i>=stoper){ i-=mul; } position_menu(); } function déplacer_menus2(){ if(document.getElementById('menu_hor').style.top!='0px'){ i+=mul; } position_menu(); }
