IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Menu visible lors du chargement de la page


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    200
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 200
    Par défaut Menu visible lors du chargement de la page
    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

  2. #2
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009
    Par défaut
    Citation Envoyé par Petit Rasta Voir le message
    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:



    tu peux directement l'appliquer dans le html

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <menu style="display:none;" >dzad</menu>

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    200
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 200
    Par défaut
    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

  4. #4
    Membre Expert Avatar de Willpower
    Homme Profil pro
    sans emploi
    Inscrit en
    Décembre 2010
    Messages
    1 009
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : sans emploi

    Informations forums :
    Inscription : Décembre 2010
    Messages : 1 009
    Par défaut
    Citation Envoyé par Petit Rasta Voir le message
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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>

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2009
    Messages
    200
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2009
    Messages : 200
    Par défaut
    J'ai essayé en fait comme ceci afin de récupérer mon menu :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.write("<?php echo $menu['contenu']; ?>");
    Je n'ai pas mis encore le 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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    echo "<script type='text/javascript' >";
    echo "document.write(\"".$menu['contenu']."\");";
    echo "</script>";

Discussions similaires

  1. Réponses: 2
    Dernier message: 30/09/2009, 09h18
  2. Problème lors du chargement de la page
    Par ahlem83 dans le forum JSF
    Réponses: 2
    Dernier message: 01/07/2009, 11h57
  3. Afficher un message lors du chargement de la page
    Par Dakuan dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 19/08/2008, 17h45
  4. message d'attente lors du chargement d'une page web
    Par info007 dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 18/08/2008, 18h24
  5.  s'affiche lors du chargement de la page
    Par Audrey698 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 29/09/2007, 21h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo