Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
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 07/09/2011, 22h13   #1
Modérateur
 
Avatar de Danyel
 
Homme Danyel
Ingénieur développement logiciels
Inscription : juillet 2005
Messages : 1 586
Détails du profil
Informations personnelles :
Nom : Homme Danyel
Âge : 42
Localisation : France, Hérault (Languedoc Roussillon)

Informations professionnelles :
Activité : Ingénieur développement logiciels

Informations forums :
Inscription : juillet 2005
Messages : 1 586
Points : 1 666
Points : 1 666
Par défaut Input Radio sur Texte

Salut all,

J'ai un form avec des input radio qui fonctionne sans probleme, mais j'aimerai que lorsque l'on clique sur le texte qui suis, ca confirme le input radio correspondant.

Voici le code actuel
Code :
<input type="radio" tabindex="1" name="abcde" id="abcde" onClick="appelmafunction(0)" /> <font style="color:#000000;"><strong>bla bla bla</strong></font>
Donc, si l'utilisateur clique sur le texte bla bla bla, ca coche le radio.
Eventuellement, que le curseur change en type lien sur le hover du texte.

Merci pour votre aide.
__________________
Que les neurones soient avec toi, jeune padawan.
Ne pas oublier, qu'un métier, développer être.
Effectuer des recherches et lire les tutos, avant de poster, tu dois.
Aucune question technique, faites par MP, tu ne dois.
Danyel est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/09/2011, 22h39   #2
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 944
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 944
Points : 4 779
Points : 4 779
Bonjour tout seul!
il te suffit d'encadrer ton input par une balise LABEL
Code html :
<label style="color:#000;font-weight:bold;cursor:pointer;"><input type="radio" tabindex="1" name="abcde" id="abcde" onClick="appelmafunction(0)" />bla bla bla</label>
au passage oublie les balises FONT et STRONG pour les remplacer par les propriétés style correspondantes
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 08/09/2011, 08h26   #3
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 807
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 807
Points : 35 789
Points : 35 789
Il est préférable de séparer le label et l'input :
Code html :
1
2
<label style="color:#000;font-weight:bold;cursor:pointer;" for="abcde">bla bla bla</label>
<input type="radio" tabindex="1" name="abcde" id="abcde" onClick="appelmafunction(0)" />
En notant que le contenu de l'attribut for correspond à l'id de l'élément lié, pas à son name
__________________
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 10
Vieux 08/09/2011, 10h29   #4
Modérateur
 
Avatar de Danyel
 
Homme Danyel
Ingénieur développement logiciels
Inscription : juillet 2005
Messages : 1 586
Détails du profil
Informations personnelles :
Nom : Homme Danyel
Âge : 42
Localisation : France, Hérault (Languedoc Roussillon)

Informations professionnelles :
Activité : Ingénieur développement logiciels

Informations forums :
Inscription : juillet 2005
Messages : 1 586
Points : 1 666
Points : 1 666
Merci a tous les 2
__________________
Que les neurones soient avec toi, jeune padawan.
Ne pas oublier, qu'un métier, développer être.
Effectuer des recherches et lire les tutos, avant de poster, tu dois.
Aucune question technique, faites par MP, tu ne dois.
Danyel 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 22h30.


 
 
 
 
Partenaires

Hébergement Web