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

HTML Discussion :

Affichage conditionelle !


Sujet :

HTML

Vue hybride

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

    Informations forums :
    Inscription : Avril 2006
    Messages : 234
    Par défaut Affichage conditionelle !
    Bonjour à tous,
    Je dévéloppe des questionnaires de saisie et je ne sais pas comment faire un affichage dynamique.
    Par exemple sur le questionnaire je vais avoir cette question (fictives )
    Etes vous au chomage ? Deux radio Oui et Non pour répondre
    Si la réponse est oui alors on va afficher des éléments de saisie sur les aides, si la réponse est non on va afficher des élément sur le métier.

    J'utilise du HTML 4 et du Javascript (tout cela est imposé bien sûr).
    Merci d'avance pour votre réponse !

  2. #2
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Salut !

    il te suffit de faire deux div, un qui contient tout tes input sur le métier, l'autre tout ceux sur les aides...

    ensuite tu mets un petits onChange sur tes radios, du style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('div_metier').style.display = this.checked ? 'block' : 'none'
    (pour le oui par exemple)
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  3. #3
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    tout en gardant le même principe que swoog, je te propose d'utiliser la balise fieldset qui est faite pour ca...

    http://www.validome.org/doc/HTML_fr/...s.htm#fieldset
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  4. #4
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    Citation Envoyé par MasterOfChakhaL
    tout en gardant le même principe que swoog, je te propose d'utiliser la balise fieldset qui est faite pour ca...
    exact..
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    234
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 234
    Par défaut Alligato (je ne sais pas comment ca s'écrit)
    Merci pour vos réponse les fieldset j'en utilise déja et je dois répondre à un CDC précis je ne peux pas me permettre de trop changer la présentation. Je vais regarder la solution des div.
    Juste un truc : getElementById est il compatible sur tous les navigateurs. Il me semble que non

  6. #6
    Expert confirmé
    Avatar de Swoög
    Profil pro
    Inscrit en
    Janvier 2003
    Messages
    6 045
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Janvier 2003
    Messages : 6 045
    Par défaut
    avec tous les navigateurs relativement récents oui



    c'est "arigatou"
    Rédacteur "éclectique" (XML, Cours PHP, Cours JavaScript, IRC, Web...)
    Les Règles du Forum - Mon Site Web sur DVP.com (Développement Web, PHP, (X)HTML/CSS, SQL, XML, IRC)
    je ne répondrai à aucune question technique via MP, MSN ou Skype : les Forums sont là pour ça !!! Merci de me demander avant de m'ajouter à vos contacts sinon je bloque !
    pensez à la balise [ code ] (bouton #) et au tag :resolu: (en bas)

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    234
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 234
    Par défaut
    Les clients de ma boîte sont des toubibs et la MAJ de leur navigateur c'est pas toujours leur truc. De toute facon j'ai réalisé un petit API toute simple qui permet de faire du getElementById sur tous les navigateurs qui passe le Javascript et le DOM. Comme ca ca évite les mauvaises surprises.
    Remercie pour l'aide

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

Discussions similaires

  1. [AC-2007] affichage conditionel d'une ligne en couleur (mais pas entière)
    Par Imitator92 dans le forum IHM
    Réponses: 3
    Dernier message: 26/08/2009, 14h01
  2. Réponses: 3
    Dernier message: 07/05/2008, 11h25
  3. ReportViewer et affichage conditionel d'image
    Par blasme dans le forum Windows Forms
    Réponses: 3
    Dernier message: 25/01/2008, 07h40
  4. Affichage conditionel à la Value d'un Input de type bouton?
    Par lekunfry dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 14/08/2007, 16h52
  5. Affichage conditionelle !
    Par sam.fet dans le forum ASP
    Réponses: 10
    Dernier message: 02/08/2006, 13h48

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