Discussion :

[leroivert]

Bonjour à tous

Je souhaiterais savoir si quelqu'un connaitrait la méthode pour désactiver le champ d'un formulaire (le "griser")en cochant un bouton radio du même formulaire.

En résumé voici le principe :
Soit un formulaire donné.

1ère contrainte :
Si case A est cochée le champ cible est actif.
Si case B est cochée le champ cible est désactivé.

2ème contrainte :
Si le champ cible est désactivé, la valeur attendue dans ce champ ne doît pas être prise en compte dans la requête SQL permettant l'enregistrement des valeurs saisies ou sélectionnées via le formulaire.




J'espère être clair dans mes explications... je sais qu'il y a une condition là dessous, éventuellement avec le code suivant :

Code :

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

document.form.CHAMP.disabled=true/false

mais je ne vois pas par quel bout m'y prendre... si quelqu'un a un début d'idée, je suis preneur.


Merci par avance.

[Bisûnûrs]

1ère contrainte :

FAQ Javascript

2ème contrainte :

Un champ disabled n'est pas envoyé au serveur, en readonly si.

[leroivert]

Très clair et c'est tout à fait ce que je recherchais... Merci beaucoup Bisûnûrs

Mon problème est résolu

[leroivert]

Bonjour à tous,

tout est dans le titre en espérant que ce soit suffisamment explicite... en fait je souhaite effectuer simultanément 2 actions en cochant 1 checkbox :

1ère action :
désactiver un champ du formulaire('champcible') via le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function changement()
{
   if (document.getElementById('caseA').checked)
      document.getElementById('champcible').disabled=true;	  
   else
      document.getElementById('champcible').disabled=false;
	  document.getElementById('caseB').disabled=true;
 
   if (document.getElementById('caseB').checked)
      document.getElementById('champcible').disabled=false;      	  
   else
      document.getElementById('champcible').disabled=true;
	  document.getElementById('caseB').disabled=true;
}

Concrètement cette fonction va permettre en cochant la case A de désactiver à la fois le champ cible et désactiver la case B.
Inversement, en cochant la case B , cela aura pour effet d'activer le champcible et de désactiver la case A.


2ème action :
désactiver le champcible dans la requête SQL récupérant la valeur de ce champ.

le code permettant cette action serait le suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function changement2()
{
   if (document.getElementById('caseA').checked)
      document.getElementById('champcible').readOnly=true;	  
   else
      document.getElementById('champcible').readOnly=false;
 
   if (document.getElementById('caseB').checked)
      document.getElementById('champcible').readOnly=false;      	  
   else
      document.getElementById('champcible').readOnly=true;;
}

J'en reviens donc à ma problématique, comment faudrait il s'y prendre pour avoir dans un seul onclick l'appel de mes 2 fonctions ?

Code :

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

<input type="checkbox" id="caseA" onclick="javascript:changement()" onclick="javascript:changement2()">

C'est un peu lourd... ?

De plus, en poussant la réflexion plus loin, puisqu'à un moment donné j'y serais forcément confronté, c'est pouvoir désactiver les champs case A et case B une fois tout ce traitement effectué...(pour que ma requête SQL ne prenne pas en compte ces champs case A et case B) à moins qu'il y ai une autre solution que j'ignore pour l'instant...

En espérant avoir un éclaircissement sur mon problème, je vous en remercie d'avance.