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 :

masquer un libellé avec javascript


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Inscrit en
    Février 2005
    Messages
    8
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 8
    Points : 5
    Points
    5
    Par défaut masquer un libellé avec javascript
    Bonjour a tous ,

    J'ai une page HTML avec une liste déroulante et un libellé a coté .

    Il faut que ces 2 elements s'effacent quand une autre liste déroulante affiche une certaine valeur.
    J'arrive a effacer la 2 eme liste déroulante mais pas le libellé.

    voici mon code :

    <%=context.getMessage("market")%> // ca affiche le libellé
    <select name='marche'
    onChange="javascript:updateApplicationdocument.forms.environnement)"></select> // la combobox


    if(profil != "P_SICOM_ADMIN-REFDATA"){
    environnement.marche.style.visibility='visible';
    }else{
    environnement.marche.style.visibility='hidden';
    }

    Ca marche très bien pour la liste déroulante mais comment procéder pour le label ???

    Merci beaucoup d'avance ,

    Hélène
    Merci atous de votre aide !!

  2. #2
    Membre chevronné Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Points : 1 967
    Points
    1 967
    Par défaut
    il faut que tu affiches le libellé dans une div ayant un id, ainsi tu pourras procéder de la même façon

  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 : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    je te propose d'utiliser la balise <label> pour délimiter ton libellé...
    tu pourras ainsi y accéder de la même manière que pour ta liste....

    en plus c'est fait pour...
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    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
    Futur Membre du Club
    Inscrit en
    Février 2005
    Messages
    8
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 8
    Points : 5
    Points
    5
    Par défaut
    Re-Coucou!
    merci de vos réponses !!
    J'ai essayé les 2 solutions et ca ne marche pas !!
    Peutre me suis je trompée ?

    <DIV id='marketlabel'>
    <%=context.getMessage("market")%>&nbsp;&nbsp;&nbsp;
    </DIV>

    avec
    environnement.marketlabel.style.visibility='hidden';
    => ca reste affiché

    et j'ai essayé

    environnement.marche.style.visibility='hidden';

    avec
    <td class='td1' style='text-align: right; vertical-align: middle' width="250">
    <LABEL FOR='marche'>
    <%=context.getMessage("market")%>&nbsp;&nbsp;&nbsp;</td>

    <td style='text-align: left; vertical-align: middle'>
    <select name='marche' ID='marche'
    onChange="javascript:updateApplication(document.forms.environnement);">
    </select>
    </LABEL>
    </td>

    J'ai essayé aussi de virer les balises TD/TR mais ca n'a rien fait non plus ((
    Ou me suis je trompée ??

  5. #5
    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 : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    normalement, il doit t'être possible de t'en sortir avec les deux solution proposées...

    en ce qui concerne celle avec les labels, tu as une erreur au niveau du html...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <td class='td1' style='text-align: right; vertical-align: middle' width="250"> 
        <LABEL FOR='marche'> 
            <%=context.getMessage("market")%>&nbsp;&nbsp;&nbsp; 
        </LABEL>
    </td> 
    <td style='text-align: left; vertical-align: middle'> 
        <select name='marche' ID='marche' 
    onChange="javascript:updateApplication(document.forms.environnement);">
            <option>option1</option >
            <option>option2</option>
            ...
        </select> 
    </td>
    (les balises doivent être fermées d'en l'ordre inverse de leur ouverture...)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    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!

  6. #6
    Futur Membre du Club
    Inscrit en
    Février 2005
    Messages
    8
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 8
    Points : 5
    Points
    5
    Par défaut
    sinon y a t'il une commande spéciale pour effecer le label ou alors le simple fait de faire environnement.marche.style.visibility='hidden';
    efface aussi le label?
    Merci !!!
    @+++

  7. #7
    Futur Membre du Club
    Inscrit en
    Février 2005
    Messages
    8
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 8
    Points : 5
    Points
    5
    Par défaut
    je fais remonter le message car je suis vraiment en galère (

  8. #8
    Expert éminent

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Points : 7 641
    Points
    7 641
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
        <label for='marche' id='marcheLabel'> 
            <%=context.getMessage("market")%>&nbsp;&nbsp;&nbsp; 
        </label>
        <select name='marche' id='marche' 
    onChange="javascript:updateApplication(document.forms.environnement);">
            <option>option1</option >
            <option>option2</option>
            ...
        </select>
    Puis:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    document.getElementById('marche').style.visibility='hidden';
    document.getElementById('marcheLabel').style.visibility='hidden';
    (désolé, j'ai enlevé les tables, mais c'est moches les tables....)

  9. #9
    Futur Membre du Club
    Inscrit en
    Février 2005
    Messages
    8
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 8
    Points : 5
    Points
    5
    Par défaut
    Génial ca marche !! merci a tous !!!

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

Discussions similaires

  1. navigation dans une jsp avec javascript
    Par petitelulu dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 15/11/2004, 18h55
  2. Defilement de la fenetre avec JavaScript
    Par black is beautiful dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/09/2004, 10h21
  3. Lien ASP avec javascript
    Par RATIER dans le forum ASP
    Réponses: 3
    Dernier message: 15/07/2004, 08h54
  4. Réponses: 4
    Dernier message: 27/04/2004, 14h45

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