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 :

javascript, div et id


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    développeur
    Inscrit en
    Octobre 2004
    Messages
    480
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : développeur
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Octobre 2004
    Messages : 480
    Par défaut javascript, div et id
    J'ai un code comme ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <input type="checkbox" name="liste" id="idjs_liste" onFocus="idjs_input_tout_categorie.checked=false;idjs_tout_categorie.style.visibility = 'visible';">
     
     
    <div id="idjs_tout_categorie" style="visibility:hidden;">
    	<input type="checkbox" name="tout_categorie" id="idjs_input_tout_categorie" onFocus="idjs_categorie_ou_offre.selectedIndex=-1;">
    	<label for="idjs_input_tout_categorie">Toutes</label>
    </div>
    Lorsque je coche la checkbox "liste", ça ne fonctionne pas.
    J'ai le message d'erreur : idjs_tout_categorie is not defined.

    Je ne comprends pas.

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Et si tu faisais avec le
    document.getElementById(nomid).style.visibility.....
    Ca marche pas car tu as pas défini son nom, et l'appel que tu effectues c'est avec son name et nom son id d'où le code ci-dessus

  3. #3
    Membre éclairé
    Homme Profil pro
    développeur
    Inscrit en
    Octobre 2004
    Messages
    480
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : développeur
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Octobre 2004
    Messages : 480
    Par défaut
    L'appel est bien fait avec l'id !

    D'ailleurs, pourquoi idjs_input_tout_categorie.checked=false fonctionne et pas idjs_tout_categorie.style.visibility = 'visible'

    Si c'est comme tu dis, je devrais écrire document.getElementById(idjs_input_tout_categorie).checked=false.

    De toute façon, document.getElementById(idjs_tout_categorie).style.visibility = 'visible' donne encore l'erreur idjs_tout_categorie is not defined

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Bon on reprend en détail :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <input type="checkbox" name="liste" id="idjs_liste" onFocus="test()">
    <div id="idjs_tout_categorie" style="visibility:hidden;">
        <input type="checkbox" name="tout_categorie" id="idjs_input_tout_categorie" onFocus="idjs_categorie_ou_offre.selectedIndex=-1;">
        <label for="idjs_input_tout_categorie">Toutes</label>
    </div>
    on définit la fonction :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function test()
    {
    document.getElementById('idjs_input_tout_categorie').checked=false;
    document.getElementById('idjs_tout_categorie').style.visibility = 'visible' ;
    }

  5. #5
    Membre éclairé
    Homme Profil pro
    développeur
    Inscrit en
    Octobre 2004
    Messages
    480
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : développeur
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Octobre 2004
    Messages : 480
    Par défaut
    Ca marche....en partie.
    1/ Seul le label s'affiche et pas le input ?!

    2/ Pourquoi ça va mieux en définissant une fonction ?

  6. #6
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Ca fonctionne correctement chez sous FF et IE

    La définition de la fonction n'est pas obligatoire, ca fonctionnera sans :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <input type="checkbox" name="liste" id="idjs_liste" onclick="document.getElementById('idjs_input_tout_categorie').checked=false;document.getElementById('idjs_tout_categorie').style.visibility = 'visible';">
    <div id="idjs_tout_categorie" style="visibility:hidden;">
    <input type="checkbox" name="tout_categorie" id="idjs_input_tout_categorie" onFocus="idjs_categorie_ou_offre.selectedIndex=-1;">
    <label for="idjs_input_tout_categorie">Toutes</label>
    </div>
    par contre ton code n'est pas encore au point car si on décoche ca disparait pas

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

Discussions similaires

  1. Javascript div style
    Par surfeur2 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 09/07/2014, 21h37
  2. javascript + div + envoi formulaire
    Par dr_octopus74 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 04/05/2007, 14h26
  3. [JavaScript-Divs-Fenêtres] Déplacement avec la souris
    Par dontDeleteMe dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 09/02/2007, 16h58
  4. [JAVASCRIPT] DIV par dessus SELECT dans IE (again I know)
    Par speedev dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 26/07/2006, 16h57
  5. [JAvascript] Div caché
    Par cosmos38240 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 27/10/2005, 10h12

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