Discussion :

[Bugger24]

Bonjour à tous,

Voila, j'ai un petit souci. J'ai une page web contenant trois boutons radio et deux zone de saisie. En fonction du bouton radio sélectionné, je doit autoriser ou non la saisie dans tel ou tel zone.

Voici à quoi ressemble mon code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
// Boutons radio 
<input type="radio" name="dispense" value="0"  onClick="masque_date('0');"/>
<input type="radio" name="dispense" value="1"  onClick="masque_date('1');"/>
<input type="radio" name="dispense" value="2" onClick="masque_date('2');"/>
 
// Zones de saisie 
<input type="text" name="datedeb" id="datedeb" maxlenght="10"/>
<input type="text" name="datefin" id="datefin" maxlenght="10"/>
 
// Fonction javascript
function masque_date(typedisp){
switch(typedisp){
  case '0':
    document.getElementById('datedeb').disabled = true;
    document.getElementById('datedeb').value = "";
    document.getElementById('datedeb').backgroundColor = "#CCCC99";
    document.getElementById('datefin').disabled = true;
    document.getElementById('datefin').value = "";
    document.getElementById('datefin').backgroundColor = "#CCCC99";
    break;
  case '1':
    document.getElementById('datedeb').disabled = false;
    document.getElementById('datedeb').value = "__/__/____";
    document.getElementById('datedeb').backgroundColor = "#FFFFFF";
    document.getElementById('datefin').disabled = false;
    document.getElementById('datefin').value = "__/__/____";
    document.getElementById('datefin').backgroundColor = "#FFFFFF";
    break;
  case '2':
    document.getElementById('datedeb').disabled = false;
    document.getElementById('datedeb').value = "__/__/____";
    document.getElementById('datedeb').backgroundColor = "#FFFFFF";
    document.getElementById('datefin').disabled = true;
    document.getElementById('datefin').value = "";
    document.getElementById('datefin').backgroundColor = "#CCCC99";
    break;
  }
}

Le problème est que ce code fonctionne très bien sous IE, mais pas sous FF.
J'ai consulté un grand nombre de forum, tutoriel et autre, et la seul chose que j'ai compris est que FF ne connait pas l'objet window.event et que par conséquent, il faut lui définir. Est ce que quelqu'un peut me dire comment faire cette définition avec l'évènement onClick?

[E.Bzz]

Bonjour,
un id doit être unique dans la page.
Or ce n'est pas le cas ici (typedisp).
Peut-être cette correction suffira-t-elle ...

A+

[DiDieuh]

Effectivement l'id doit être unique, utilise l'attribut "class" pour gérer tes input.

[E.Bzz]

utilise l'attribut "class" pour gérer tes input.

Effectivement,ça serait mieux, mais ça n'a aucun rapport avec le problème ...

Par contre c'est

Code :

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

....style.backgroundColor

A+

[Bugger24]

Exact, c'est une petite erreur de re-copiage manuelle, etant donné que j'utilise deux postes différent et que mon code est sur l'autre poste. Bien vue

Le backgroundColor fonctionne, même sans le 'style'.

Mon problème ne porte pas sur la mise en forme de mes zone de texte, mais sur l'évènement.

[Bovino]

la seul chose que j'ai compris est que FF ne connait pas l'objet window.event et que par conséquent, il faut lui définir.

C'est pas faux... ceci dit, il te servirait à quoi l'objet event ???

Surtout, ça veut dire quoi

ce code fonctionne très bien sous IE, mais pas sous FF.

parce qu'en copiant collant le code de ton 1er post, ça marche correctement sur FF

EDIT : sauf le backgroundColor, bien entendu, qui ne marche pas vraiment bien en dehors de l'objet style...

[Bugger24]

Quand je dit que ça ne fonctionne pas, c'est à dire que sous FF, lorsque je sélectionné successivement mes boutons radio, quel qu'il soit, je peut saisir des informations dans mes deux zones de texte, à l'inverse d'IE qui, en fonction du bouton selectionné, m'interdit la saisie

P.S.: Mea-culpa les amis, encore une erreur de re-copiage, effectivement backgroundColor ne fonctionne pas sans l'objet style

[RomainVALERI]

j'avais trois minutes à perdre, alors j'ai "rangé" un peu oui je jure je vais aller me soigner

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
// Fonction javascript
function masque_date(typedisp){
   var deb = document.getElementById('datedeb');
   var fin = document.getElementById('datefin');
   var BLANC = "#FFFFFF", COUL = "#CCCC99", FORMAT_DATE = "__/__/____";
   switch(typedisp) {
      case '0':
         deb.disabled = true;
         deb.value = "";
         deb.style.backgroundColor = COUL;
         fin.disabled = true;
         fin.value = "";
         fin.style.backgroundColor = COUL;
         break;
      case '1':
         deb.disabled = false;
         deb.value = FORMAT_DATE;
         deb.style.backgroundColor = BLANC;
         fin.disabled = false;
         fin.value = FORMAT_DATE;
         fin.style.backgroundColor = BLANC;
         break;
      case '2':
         deb.disabled = false;
         deb.value = FORMAT_DATE;
         deb.style.backgroundColor = BLANC;
         fin.disabled = true;
         fin.value = "";
         fin.style.backgroundColor = COUL;
         break;
   }
}

...et en passant il y a aussi cette petite erreur (peut-être simplement mauvaise recopie...) :

Code :

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

<input type="text" name="datefin" id="datefin" maxlenght="10"/>

[Bugger24]

Merci pour cette interlude syntaxique RomainVALERI
J'ai modifié mon code avec les changements que tu y a apporté

Par contre mon problème de départ persiste et j'arrive pas à m'en défaire. Je ne comprend pas pourquoi ce code ne fonctionne pas chez moi avec FF, alors que plusieurs personnes de ce forum l'on testé et ça fonctionne , je sèche ...

[vermine]

J'ai envie de dire une bêtise mais le Javascript est activé sur votre FF ?