rendre Mobile un div contenant un menu [Résolu]

[patricx]

bonjour à tous

s'il vous plait j'aimerais rendre Mobile un div contenant un menu au clic dessus et pas cacher complètement en javascript

voici mon div

Code :

1
2
3
4
5
6
7
8
9
 
  <div id="AGauche_Haut" onclick="cache_menu()">
                 <ul>
                       <li><a href="#" title="Menu1"> Menu1</a></li>
                       <li><a href="#" title="Menu2"> Menu2</a></li>
                       <li><a href="#" title="Menu3"> Menu3</a></li>
                       <li><a href="#" title="Menu4"> Menu4</a></li>
                  </ul>
                  </div>

son css

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
#AGauche_Haut
   {
     background-color:#999933;
	 border-right:#990000 solid 7px;
	 width:188px;
	 height:160px;
	 margin-top:;
	 display:block;
	 float:left;
	position:fixed;
   }

Ce code Js le cache complètement

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
  var visible=true;
function cache_menu()
{  var i=0;
	if(visible==true)
   {	
	  document.getElementById("AGauche_Haut").style.display="none";
	   visible=false;
   }
  else
   {	
	document.getElementById("AGauche_Haut").style.display="block";
	visible=true;
   }
}

avec celui ci j'essaye de diminuer progressivement sa largeur sans succès jusqu'à présent mais je n'ai pas les effets recherchés

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
var visible=true;
function cache_menu()
{  var i=0;
 largeur=document.getElementById("AGauche_Haut").offsetWidth;
 
   {	
	  while(largeur>5)
	   {
	    document.getElementById("AGauche_Haut").style.width=largeur+'px';
		setTimeout("", 1000);
		largeur--;
       }
	   visible=false;
   }
  else
   {	
	document.getElementById("AGauche_Haut").style.display="block";
	visible=true;
   }
}

Merci de me proposer une piste

[RomainVALERI]

...sans regarder en détail, juste en passant :

1 pixel par seconde ? c'est pas du rapide rapide ^^ même si ça marchait, tu pourrais ne pas l'avoir constaté

[Bovino]

Code :

setTimeout("", 1000);

Il faudrait revoir la syntaxe de setTimeout... En particulier la valeur du premier argument !

[patricx]

Que dois metre dans le SetTimeoutµ?

[vermine]

Bonjour,

En fait, setTimeout va lancer la fonction passée en premier paramètre après que les x millisecondes passées en second paramètres soient écoulées.

L'instruction setTimeout lance un timer. C'est-à-dire qu'il n'attend pas la fin du timer. Pour lui, son instruction est terminée. Il passe à l'instruction suivante sans se tracasser du timer.

[RomainVALERI]

Envoyé par patricx

Que dois metre dans le SetTimeoutµ?

...

As-tu fait une recherche ? (question stupide )

[patricx]

Envoyé par RomainVALERI

...

As-tu fait une recherche ? (question stupide )

ok ça je sais mais pourquoi rappeler ma fonction c'est ce que je ne comprend pas

[vermine]

Parce qu'en fait il vous faut un setInterval.