Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > HTML / DHTML / XHTML
HTML / DHTML / XHTML Forum sur la programmation HTML / DHTML/ XHTML et la validation W3C. Cours (X)HTML, FAQ (X)HTML
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 01/12/2011, 11h12   #1
Membre régulier
 
Inscription : février 2009
Messages : 197
Détails du profil
Informations forums :
Inscription : février 2009
Messages : 197
Points : 71
Points : 71
Par défaut [Syntaxe] Label et checkbox ont un même id, qui suis je ?

Bonjour,

voila une liste de checkbox accompagnée de Label, lorsqu'on je clique sur un label, je voudrais que le checkbox à coté checked ou inversement... J'ai essayé plusieurs choses ce matin et finalement à ma grande surprise, le simple fait de définir le même Id sur le checkbox et sur le label, fonctionne, sans rien ajouter dans le script. En plus c'est compatible (IE6-9, Firefox, Safari/Chrome, Netscape, Opéra)

Curieux non ?

Votre avis m'intéresse,

Et bonne journée.

Code :
1
2
3
4
5
6
7
8
9
10
<div id="_select" class="_select">
 <span id="_select_text" class="_select_text"></span> <!-- Container select -->
 <img id="_select_opn" class="_select_opn" src="public/images/_select_opn.png"> <!-- Bouton affiche/masque la liste -->
 <div class="_select_list" id="_select_list"> <!-- Si liste ouverte on peut sélectionner plusieurs ass sans fermer -->
  <span id="loc_selected" style="display: block;"></span> <!-- Si clique, on ferme la liste, idem à bouton  -->
  <span class="_optgroup">Groupe ...</span>
<br />
<input type="checkbox" id="ass" /> <label for="ass" class="test">
</div> 
</div>
dominos est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/12/2011, 11h21   #2
Rédacteur/Modérateur
 
Avatar de Macmillenium
 
Homme
Inscription : mars 2008
Messages : 2 290
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 26
Localisation : France, Sarthe (Pays de la Loire)

Informations professionnelles :
Secteur : High Tech - Produits et services télécom et Internet

Informations forums :
Inscription : mars 2008
Messages : 2 290
Points : 3 208
Points : 3 208
Citation:
Envoyé par dominos Voir le message
J'ai essayé plusieurs choses ce matin et finalement à ma grande surprise, le simple fait de définir le même Id sur le checkbox et sur le label, fonctionne, sans rien ajouter dans le script. En plus c'est compatible (IE6-9, Firefox, Safari/Chrome, Netscape, Opéra)

Curieux non ?
Belle découverte, dominos

Je t'invite à lire les specs http://www.la-grange.net/w3c/html4.0....html#h-17.9.1
__________________
Je ne réponds pas aux questions techniques par MP.
Macmillenium est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 01/12/2011, 11h32   #3
Expert Confirmé Sénior
 
Avatar de RomainVALERI
 
Homme Romain VALERI
POOête
Inscription : avril 2008
Messages : 2 581
Détails du profil
Informations personnelles :
Nom : Homme Romain VALERI
Âge : 35
Localisation : France, Meurthe et Moselle (Lorraine)

Informations professionnelles :
Activité : POOête

Informations forums :
Inscription : avril 2008
Messages : 2 581
Points : 4 087
Points : 4 087


L'id de l'input référencé par ton label doit coincider avec la propriété "for" du label, pas avec son id ^^
__________________

...pour les linguistes et les curieux >>> générateur de phrases aléatoires

__________________
RomainVALERI est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 01/12/2011, 11h38   #4
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 808
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Développeur Web
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : juin 2008
Messages : 13 808
Points : 35 789
Points : 35 789
Citation:
Envoyé par dominos
Curieux non ?
Non, c'est le but de la balise <label>...

Citation:
Envoyé par dominos
qui suis je ?
Euh... un débutant ?
__________________
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 01/12/2011, 11h45   #5
Membre régulier
 
Inscription : février 2009
Messages : 197
Détails du profil
Informations forums :
Inscription : février 2009
Messages : 197
Points : 71
Points : 71
Citation:
Envoyé par Bovino Voir le message
Non, c'est le but de la balise <label>...


Euh... un débutant ?
Tout a fait et je n'en ai point honte.

Merci pour ces info.
dominos est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 19h40.


 
 
 
 
Partenaires

Hébergement Web