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 :

Mise à jour balise html javascript chargement


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    188
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2002
    Messages : 188
    Par défaut Mise à jour balise html javascript chargement
    Bonjour,

    je voudrais donner un nom de classe à une balise html en fonction d'un paramètre passé dans l'url mais j'ai essayé quelques tentatives qui ont échouées.
    Dans ma page php, je récupère le paramètre id passé dans l'url s'il y en a un.
    S'il y en a un, je veux que la class du li qui a pour id 'idea' est pour valeur 'idea active'.
    S'il y en a pas, je laisse la class à la valeur 'idea'.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    <SCRIPT type="text/javascript">
    var idoc=<?php echo $_GET['id'];?>;
    if(idoc== undefined) {
    var tab_active="idea";
    }
     
     
    </script>
     
    <body>
    <html>
    <li class="idea" id='idea' >
    </li>
    </body>
    </html>
    J'ai des difficultés à mettre à jour ce code html au chargement de la page car le script js est exécuté avant le code html.


    Merci beaucoup.

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par psgman113 Voir le message
    J'ai des difficultés à mettre à jour ce code html au chargement de la page car le script js est exécuté avant le code html.
    pourquoi t'embêter à vouloir le faire en JS ?

    Fais-le en PHP lors de la génération de la page ...

    A+

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    188
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2002
    Messages : 188
    Par défaut
    Oui, c'est vrai.
    Et si jamais je veux que ma page soit en html, comment faire en imaginant que je récupère mes paramètres url en javascript?

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var mon_li = document.getElementById('idea');
    mon_li.className = mon_li.className ? mon_li.className + ' active' : 'active';
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    188
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2002
    Messages : 188
    Par défaut
    Merci.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 0
    Dernier message: 03/12/2012, 11h17
  2. Wink 1.4.3, mise à jour du toolkit JavaScript pour le développement mobile
    Par vermine dans le forum Bibliothèques & Frameworks
    Réponses: 0
    Dernier message: 03/12/2012, 11h17
  3. Mise à jour des FAQs JavaScript
    Par Bovino dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 05/11/2011, 17h47
  4. [CS3] mise à jour fichier html créé à partir d'un modèle
    Par ildegx dans le forum Dreamweaver
    Réponses: 1
    Dernier message: 17/12/2009, 22h15
  5. Mise à jour href en javascript
    Par bashou dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 22/03/2007, 12h35

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