Discussion :

[Zanarkand]

Bonjour à tous,

Alors je propose à mes utilisateurs la possibilité de recevoir ou non la newsletter du site - via l'utilisation de boutons radio. Dans le cas où la réponse est négative j'aimerais pouvoir désactiver le input où l'utilisateur est sensé rentrer son adresse email. Je ne vois pas comment faire, auriez-vous une idée ?

Je vous indique ci-après le code en question :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<fieldset>
	<legend>Newsletter </legend>
	<label for="newsletter"> Souhaitez-vous recevoir gratuitement la newsletter de <span class="nom_du_site">#nom </span> </label>
	<input id="newsletter" name="choix_newsletter"type="radio" /> <span>OUI, je souhaite recevoir la newsletter </span></br>
	<input id="newsletter" name="choix_newsletter"type="radio" /> <span>NON, je ne souhaite pas m'inscrire à la newsletter pour le moment </span></br>
	<label for="user_email">Si oui, veulliez indiquer votre adresse email :</label>
	<input id="user_email" name="mail" type="email" maxlength="40" placeholder="Ex : legrandcharles@president.fr">
	</fieldset>

[NoSmoking]

Bonjour,
en pure HTML il ne t'es pas possible de le faire, par contre avec un petit zeste de javascript

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function disableInput( obj){
  var oInput = document.getElementById('user_email');
  oInput.disabled = obj.value ==='NON';
}

pour ce faire il faut ajouter une value à tes radiobutton, et mettre un appel à la fonction sur le onclick de ceux ci en passant l'objet, ici this, à la fonction

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input id="newsletter" value="OUI" name="choix_newsletter"type="radio" onclick="disableInput( this);"/>...</br>
<input id="newsletter" value="NON" name="choix_newsletter"type="radio" onclick="disableInput( this);"/>...</br>

Voila une façon de faire.

Nota: est ce bien grave de laisser l'accès au champ si le NON est coché

[Zanarkand]

Bonjour NoSmoking,

En effet cela n'est pas primordial, juste un petit plus esthétique.
En tout cas merci de la réponse, cette façon de faire me convient parfaitement.

Bonne continuation.