Accueil > Forum > > > > Comment cacher un champ (pas juste le desactiver)
 Comment cacher un champ (pas juste le desactiver)
lundi 7 novembre 2005 à 00:03:33 |
Comment cacher un champ (pas juste le desactiver)
broke06
|
Bonjour,
Je voudrais afficher ou non un champ texte (pas le desactiver mais reelement le cacher) selon des checkbox.
En cherchant sur le site j'ai trouvé quelques exemples et j'ai essayé de les appliquer mais ca ne marche pas:
Où est mon erreur??
Merci
code:
--------------------------------------------------------------------------------------------
<head>
<script language="javascript">
function afficher(){
if(isNav){
document.form.textfield.style.display = "";
}
else{
document.form.textfield.style.visibility = "visible";
}
}
function cacher(){
if(isNav){
document.form.textfield.style.display = "none";
}
else{
document.form.textfield.style.visibility = "hidden";
}
</script>
</head>
<body>
<form action="" method="post" name="form" id="form">
<p>
<label>
<input name="Groupe1" type="radio" onChange="javascript:afficher()" value="afficher" checked="checked" />
Afficher</label>
<br />
<label>
<input name="Groupe1" type="radio" onChange="javascript:cacher()" value="cacher" />
Cacher</label>
<br />
<input type="text" name="textfield" /></p>
</form>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------
|
|
lundi 7 novembre 2005 à 05:50:20 |
Re : Comment cacher un champ (pas juste le desactiver)
bultez
|
Bonjour,
quelques petites imprécisions, c'est tout ....
<html>
<head>
<script language="javascript">
function afficher(){
document.form.textfield.style.display = "inline";
}
function cacher(){
document.form.textfield.style.display = "none";
}
</script>
</head> <body>
<form action="" method="post" name="form" id="form">
<p>
<label>
<input id="g1" name="Groupe1" type="radio"
onClick="afficher();" value="afficher" checked="checked" />
Afficher</label>
<br />
<label>
<input name="Groupe1" type="radio"
onClick="cacher();" value="cacher" />
Cacher</label>
<br />
<input type="text" name="textfield" /></p>
</form>
</body>
</html>
rmias il vaudrait mieux éviter les noms qui ressemblent
à des mots connus par html/javascript [ form, textfield ... ]
Cordialement. Bul. ~ Site ~
|
|
lundi 7 novembre 2005 à 05:54:58 |
Re : Comment cacher un champ (pas juste le desactiver)
bultez
|
j'ai oublié de dire que tant qu'à mettre des labels ...
<input id="g1" name="Groupe1" type="radio"
onClick="afficher();" value="afficher" checked="checked" />
<label for="g1"> Afficher</label>
<br />
<input id="g2" name="Groupe1" type="radio"
onClick="cacher();" value="cacher" />
<label for="g2"> Cacher</label>
Cordialement. Bul. ~ Site ~
|
|
lundi 7 novembre 2005 à 21:12:47 |
Re : Comment cacher un champ (pas juste le desactiver)
coucou747
|
salut Bultez, j'ai une question (et oui, ça peut arriver à tout le monde...) les labels sont ils obligatoires sur un champ pour être compatible XHTML ? sinon, en js, j'aurais utilisé setAttribute et remAttribute pour les visibility... In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy  [ Lien ] |
|
mardi 8 novembre 2005 à 07:50:12 |
Re : Comment cacher un champ (pas juste le desactiver)
bultez
|
salut coucou747,
>>j'ai une question (et oui, ça peut arriver à tout le monde)
moi j'en ai de nombreuses et souvent...
>>les labels sont ils obligatoires sur un champ pour être compatible XHTML ?
aucune idée, y'a pas de raisons, si ? il existe des validateurs qui te diraient.
>> j'aurais utilisé setAttribute et remAttribute
je pense que l'on peut faire aussi avec ça
Cordialement. Bul. ~ Site ~
|
|
mardi 8 novembre 2005 à 20:45:42 |
Re : Comment cacher un champ (pas juste le desactiver)
broke06
|
labels ou pas, de toute facon, je vous remercie, ca fonctionne parfaitement!!
Merci encore
a+
|
|
mercredi 9 novembre 2005 à 15:04:34 |
Re : Comment cacher un champ (pas juste le desactiver)
coucou747
|
alors a In a dream, I saw me, drop dead... U was here, U cried... It was just a deam, if I die, U won't cry, maybe, U'll be happy [ Lien ] |
|
Cette discussion est classée dans : form, style, cacher, document, textfield
 Répondre à ce message
 Sujets en rapport avec ce message
évènement click sur checkbox [ par didou8513 ]
Bonjour, je voudrais que lorsque je clique sur un checkbox aparaissent une liste déroulante et un champ de texte, seulement il n'y a qu'un élément sur
changer la visiblité d'un champ [ par emaro ]
bonjour, j'aimerais en cliquant sur le bouton répondre la visibilité de l'input se change, si elle est 'visible' elle devient 'hidden' et contrairemen
onchange sous IE [ par j3r3m067 ]
Bonjour, voila j'ai fait un script sous firefox qui m'affcihe une div en fonction de la valeur de la selection. je joins mes code html et js biensur
compatibilité javascript [ par camellion2 ]
Bonjour a tous, Je suis novice en programmation et je me suis fait un petit site web pour me simplifier la vie au taf. Le problême c'est qu'au bureau
Urgent!problème de fonction pour afficher un tableau [ par tagadax ]
Bonjour j'ai un problème, j'ai un projet a terminer pour lundi, et je suis bloqué pour afficher un tableau voici ma fonction : [code=js]function decis
formulaire js [ par scaryface ]
bonjour dans le cadre de ma formation on ma demandé de crée un formulaire en jsp qui contien deux champ (nom é email) é un bouton pr valider sachan qu
pb avec un formulaire select [ par ahah38 ]
Bonjour, J'ai besoin d'aide sur un formulaire select. Je souhaite réaliser un carnet de route en utilisant un formulaire select. Les visiteurs pourron
Compatibilité W3C - style.left [ par stanilou ]
Bonjour,Ce test fonctionne sous IE mais pas sous FF (Le div ne se déplace pas):<html xm
Aide a la création d'une fonction [ par kyoku59 ]
Bonjour. Voila j'ai cette fonction : [code=js] function heures() { var tabHeure= new Array("01","02","03", "04", "05","06","07", "08"
Commande Onclick agrandir image + afficher du texte [ par pharen ]
bonjour à tous je souhaite réaliser une gallery photos ainsi les photos sont sur la page en petite taille. je click sur une photo et elle s'agrandit
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|