Checkbox grisée javascript [Résolu]

omlaly - 9 févr. 2013 à 14:11 - Dernière réponse :  omlaly
- 15 févr. 2013 à 13:48
Bonjour

Je souhaiterais, grâce à une CHECKBOX, griser ou non un champ texte tout simple (
). Il sera souvent grisé mais je voudrais avoir la possibilité de le "dégrisé" grâce à une CHECKBOX. J'ai essayé de faire une fonction JAVASCRIPT mais qui ne marche pas, je vous la donne :

<script type="text/javascript" language="javascript"> 
function choix_auteur_article() 
{ 
if(auteur_article.checked) 
{ 
document.getElementById(auteur_article).checked = true; 
} 
else 
{ 
document.getElementById(auteur_article).checked = false; 
} 
} 
</script> 


J'appelle la fonction grâce à :



Avez-vous des idées ?

En attendant vos réponses, je continue mes recherches...
Cordialement
Afficher la suite 

Votre réponse

11 réponses

Meilleure réponse
cs_jopop 1540 Messages postés lundi 26 mai 2003Date d'inscription 1 août 2013 Dernière intervention - 15 févr. 2013 à 13:28
3
Merci
if (me.checked)
   mytext.setAttribute("readonly", "readonly");
else
   mytext.removeAttribute("readonly");


Va falloir apprendre à te servir de google, y'aura pas toujours quelqu'un pour coder pour toi.

Merci cs_jopop 3

Avec quelques mots c'est encore mieux Ajouter un commentaire

Codes Sources a aidé 96 internautes ce mois-ci

Commenter la réponse de cs_jopop
cs_jopop 1540 Messages postés lundi 26 mai 2003Date d'inscription 1 août 2013 Dernière intervention - 11 févr. 2013 à 10:12
0
Merci
Salut,

dans ton code tu regardes si ta TextBox est Checked (ce qui n'a pas de sens) et non ta CheckBox.
Commenter la réponse de cs_jopop
0
Merci
Bonjour jopop,

auteur_article est un champs texte simple (
. Je voudrais simplement en appuyant sur la checkbox qu'il soit grisé/dégrisé.

Par défault, il est grisé.

Cordialement
Commenter la réponse de omlaly
cs_jopop 1540 Messages postés lundi 26 mai 2003Date d'inscription 1 août 2013 Dernière intervention - 14 févr. 2013 à 18:40
0
Merci
Comme j'ai la flemme de t'apprendre à pêcher, je vais te filer un poisson.

<script type="text/javascript">
function Switch(me) {
  var mytxt = document.getElementById("txt");
  mytxt.disabled = me.checked;
}
</script>

Commenter la réponse de cs_jopop
0
Merci
Merci jopop, ça marche !

Cordialement
Commenter la réponse de omlaly
0
Merci
Petite rectification : tout marche sauf que la requête SQL (
$req_insertion_articles = "INSERT INTO articles (nom_village,nom_categorie, date_depot, titre_article, texte_article, auteur_article) VALUES ('$villages','$categorie', now(), '$titre_article', '$texte_article', '$auteur_article')";
$query_insertion_articles = mysql_query($req_insertion_articles) or die ('Erreur sur la requête SQL concernant l\'insertion des articles'.mysql_error()); // Envoie une requête à un serveur MySQL
) n'enregistre pas le champs texte "auteur_article" s'il est grisé (
disabled=true

. S'il est normal (pas grisé), elle enregistre son contenu.

Comment faire pour que la requête SQL enregistre son contenu quelque soit son état (grisé ou pas grisé) ?

Cordialement
Commenter la réponse de omlaly
cs_jopop 1540 Messages postés lundi 26 mai 2003Date d'inscription 1 août 2013 Dernière intervention - 15 févr. 2013 à 11:59
0
Merci
Un contrôle disabled n'est pas posté, préfère l'attribut readonly.
Commenter la réponse de cs_jopop
0
Merci
Ok mais si je l'utilise, je ne vais plus pouvoir écrire quand la checkbox sera cochée dedans après, non ?

Il faut modifier la fonction JAVASCRIPT maintenant, non ?

Cordialement
Commenter la réponse de omlaly
cs_jopop 1540 Messages postés lundi 26 mai 2003Date d'inscription 1 août 2013 Dernière intervention - 15 févr. 2013 à 13:02
0
Merci
Ben oui ... j'ai l'impression que tu codes les yeux fermés, je me trompe ?
Commenter la réponse de cs_jopop
0
Merci
Ok, c'est quel attribut qu'il faut utiliser en JAVASCRIPT ?

Je ne suis pas trop doué en JAVASCRIPT !

Cordialement
Commenter la réponse de omlaly
0
Merci
Merci bien jopop !

Oui, il faudra que je m'améliore !

Pour info, voici la fonction :
function Switch(me) {
if (me.checked)
   document.getElementById("auteur_article").setAttribute("readonly", "readonly");
else
   document.getElementById("auteur_article").removeAttribute("readonly");
}


Cordialement
Commenter la réponse de omlaly

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.