Sujet Précédent Sujet Suivant

Menu défile comment stoper la function

Résolu/Fermé
pazz - 14 avril 2008 à 16:53
 pazz - 16 avril 2008 à 07:48
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: 

<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:

4 réponses

Réponse 1 / 4
pazz
15 avril 2008 à 07:44
Up!
svp j'ai besoin d'aide.
0
Réponse 2 / 4
pazz
15 avril 2008 à 15:43
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
0
Réponse 3 / 4
pazz
15 avril 2008 à 16:32
Up svp j'ai vraiment besoin de votre aide!!
0
Réponse 4 / 4
pazz
16 avril 2008 à 07:48
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();
}
0

Discussions similaires

menu caché
laurent -
ChariduP -

7 réponses
les entrées et les sortées
oussman -
MarsuGL -

2 réponses
Déblocage du mode hôtel Philips 20HF5234/10
Jo_3 -
TRAORE_2505 -

7 réponses