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 :

getElementById().className sous FireFox


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Août 2007
    Messages
    200
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 200
    Points : 67
    Points
    67
    Par défaut getElementById().className sous FireFox
    Bonjour,

    J'ai le code suivant qui marche sous IE mais pas sous FF. Pourquoi?
    (Je mets en copie la partie Javascript, css et html.)

    Code JAVASCRIPT : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    function activerLien(i)
    {
    if(i==1){
    document.getElementById("li1").className = "active";
    document.getElementById("li2").className = "noactive";
    }
    if(i==2){
    document.getElementById("li2").className = "active";
    document.getElementById("li1").className = "noactive";
    }
    }
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    #menu li.active{
    background-color:#ffa;
    }
     
    #menu li.noactive{
    background-color:white;
    }
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <ul id="menu">
    <li class="active" id="li1"><a href="" onClick="activerLien(1)">Lien1</a></li><li id="li2"><a href="" onClick="activerLien(2)">Lien2</a></li>
    </ul>

    merci.

  2. #2
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 649
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 649
    Points : 11 138
    Points
    11 138
    Par défaut
    bonjour,

    dans ton code HTML ton argument href est vide !

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <ul id="menu">
    <li class="active" id="li1"><a href="#" onclick="activerLien(1)">Lien1</a></li>
    <li id="li2"><a href="#" onclick="activerLien(2)">Lien2</a></li>
    </ul>

    aussi pourquoi utiliser une balise <a> pour appeler une fonction sur un onclick ?
    Pourquoi n'utilises-tu pas un <span> ?

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Août 2007
    Messages
    200
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 200
    Points : 67
    Points
    67
    Par défaut
    dans ton code HTML ton argument href est vide
    Oui c'est normal pour le moment. Je n'ai pas encore terminé.

    aussi pourquoi utiliser une balise <a> pour appeler une fonction sur un onclick ?
    Pourquoi n'utilises-tu pas un <span> ?
    Parfaitement d'accord (je suis nouveau en la matiere). Mais le JavaScript me pose vraiment probleme. Il ne marche pas sous firefox et c'est ce que je ne comprends pas.

  4. #4
    Expert éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 649
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 649
    Points : 11 138
    Points
    11 138
    Par défaut
    Citation Envoyé par mafanta Voir le message
    Parfaitement d'accord (je suis nouveau en la matiere). Mais le JavaScript me pose vraiment probleme. Il ne marche pas sous firefox et c'est ce que je ne comprends pas.
    si il fonctionne, mais comme je l'ai écrit précédemment :
    dans ton code HTML ton argument href est vide !
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="activerLien(1)">Lien1</a>

Discussions similaires

  1. getElementById sous Firefox
    Par Rajhonson dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 06/12/2006, 16h45
  2. getElementById OK sous IE pas sous Firefox
    Par omlip dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 20/06/2006, 12h04
  3. Invité de connexion "Adserver" sous FireFox
    Par KibitO dans le forum Administration
    Réponses: 10
    Dernier message: 13/11/2004, 14h19
  4. [HTML]Image qui ne s'affiche pas sous firefox...
    Par OrangeBud dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 13/10/2004, 13h42
  5. Java ne fonctionne pas sous Firefox
    Par Info-Rital dans le forum Applications et environnements graphiques
    Réponses: 2
    Dernier message: 29/07/2004, 23h37

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