Menu défile comment stoper la function
Résolu
pazz
-
pazz -
pazz -
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
A voir également:
- Menu défile comment stoper la function
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
4 réponses
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
exemple:
document.getElementById('id').style.height sera = à 30px, et moi je veut le convertir en 30 tout cour ^^
merci
PazZ
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();
}