Menu visible lors du chargement de la page

[Petit Rasta]

Bonjour à tous,

Je viens trouver un peu d'aide concernant un problème qui m'agace quelque peu ...
J'ai mis en place un menu accordéon avec jquery :
http://www.i-marco.nl/weblog/jquery-...on-menu-redux/
Le soucis c'est qu'à chaque chargement de page, on voit le menu ouvert.
C'est logique vu que le javascript est appliqué après la html mais c'est pas beau !
J'aimerais savoir s'il y a une méthode afin d'éviter ce genre de désagrément ?
Merci par avance

[Willpower]

Envoyé par Petit Rasta

Bonjour à tous,

Je viens trouver un peu d'aide concernant un problème qui m'agace quelque peu ...
J'ai mis en place un menu accordéon avec jquery :
http://www.i-marco.nl/weblog/jquery-...on-menu-redux/
Le soucis c'est qu'à chaque chargement de page, on voit le menu ouvert.
C'est logique vu que le javascript est appliqué après la html mais c'est pas beau !
J'aimerais savoir s'il y a une méthode afin d'éviter ce genre de désagrément ?
Merci par avance

css:

Code css :

display:none;

tu peux directement l'appliquer dans le html

Code html :

<menu style="display:none;" >dzad</menu>

[Petit Rasta]

Merci pour ta réponse mais cette méthode n'est pas optimale et est même à déconseiller ...
En effet si un personne visite le site sans le javascript, elle ne pourra pas afficher le menu

[Willpower]

Envoyé par Petit Rasta

Merci pour ta réponse mais cette méthode n'est pas optimale et est même à déconseiller ...
En effet si un personne visite le site sans le javascript, elle ne pourra pas afficher le menu

Code html :

1
2
3
4
5
6
7
8
<script type="text/javascript" >
  // cacher le menu si le javascript est activé
  document.write('<menu style="display:none;" >dzad</menu>');
</script>
<noscript>
  <! -- afficher le menu pour les noscript -->
  <menu>dzad</menu>
</noscript>

<troll>
Et pour le troll (parce que j'aime ça) le noscript c'est une légende ! TOUS les navigateur on du script. (sauf un truc de 20 ans linuxien et ceux qui le désactive volontairement sur certains site pour hacker ou débugger[soyons sympa]) Et TOUS les sites web utilisent du javascript. (et il est indispensable sur la plupart, donc personne ne navigue RÉELLEMENT sans.)
</troll>

[Petit Rasta]

J'ai essayé en fait comme ceci afin de récupérer mon menu :

Code :

document.write("<?php echo $menu['contenu']; ?>");

Je n'ai pas mis encore le

Code :

style="display:none;"

Mais ça ne me l'affiche pas, peux-t-on lire le php dans du js ?
Après je ne vois pas comment faire pour 'enlever' le display:none en js ?

[edit] D'après mes recherches il faut d'abord déclaré le php donc j'ai revu ma syntaxe comme ça :

Code :

1
2
3
echo "<script type='text/javascript' >";
echo "document.write(\"".$menu['contenu']."\");";
echo "</script>";