Discussion :

[leminipouce]

Bonjour tout le monde.

Je suis confronté à un petit problème que ni google, ni la FAQ, ni les précédents posts ne m'ont aidé à résoudre.

Voici le sujet : J'ai un champ password que je veux remplir automatiquement quand une checkbox est cliquée. Dans ce cas l'utilisateur ne DOIT PAS pouvoir changer le contenu de ce champ. En revanche, quand l'utilisateur décoche cette checkbox, je voudrais effacer le contenu du champ, y autoriser l'écriture et enfin lui donner le focus.

J'arrive à tout faire excepter autoriser l'écriture. En fait j'ai essayé en désactivant le champ (DISABLED) et tout marche super bien... sauf quand je fais un submit auquel cas je n'ai évidement pas accès à mon champ password.
Si maintenant je passe en readonly, d'une l'affichage est moins beau (je le préfère grisé, mais je suppose que je pourrais changer la couleur dans un script JS) et surtout de deux, je n'arrive pas à rendre l'écriture possible sur on champ.

Voici le code, si quelqu'un trouve d'où vient ce f*** problème :

Code :

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

1
2
3
4
5
6
7
                    <TD>
                        <input type="password" name="<%=MessageContent.PASSWORD%>" id="<%=MessageContent.PASSWORD%>" style="width:200" value="<%=projects.get(0)%>"  readonly="readonly">
                    </TD>
                    <TD></TD>
                    <TD>
                        <input type="checkbox" name="useNameAsPassword" checked onclick="inputEnable('<%=MessageContent.PASSWORD%>', this.checked, this);">Use project name for password
                    </TD>

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
function inputEnable(id, state, obj) {
    var divObj = null;
 
    if (document.getElementById) {
    divObj = document.getElementById(id);
    } else if(document.all) {
    divObj = document.all(id);
    } else if (document.layers) {
    divObj = document.layers[id];
    }
 
    //Here, divObj == document.forms[0].<%=MessageContent.PASSWORD%>
 
    if(state && divObj){
        alert("add att");
    divObj.setAttribute("readonly","readonly");
    }else if(divObj){
        alert("remove att");
    divObj.removeAttribute("readonly");
    divObj.focus();
    }
 
    _update(obj);
}

[leminipouce]

Bonsoir à tous.

Voici, à titre d'info, ce que j'utilise actuellement.

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
function inputDisabled(obj){
   if(document.forms[0].useNameAsPassword.checked){
        document.forms[0].<%=MessageContent.PASSWORD%>.blur();
        document.forms[0].<%=MessageContent.PASSWORD%>.style = "background-color:'#33FF00'";
   }else{
       document.forms[0].<%=MessageContent.PASSWORD%>.style = "background-color:'#FFFF00'"
   }
}
 
function inputEnable(id, state, obj) {
    var divObj = null;
 
    if (document.getElementById) {
    divObj = document.getElementById(id);
    } else if(document.all) {
    divObj = document.all(id);
    } else if (document.layers) {
    divObj = document.layers[id];
    }
 
    //Here, divObj == document.forms[0].<%=MessageContent.PASSWORD%>
 /*   
    if(state && divObj){
        alert("add att");
    divObj.setAttribute("readonly","readonly");
    }else if(divObj){
        alert("remove att");
    divObj.removeAttribute("readonly");
    divObj.focus();
    }
 */
 
    document.forms[0].<%=MessageContent.PASSWORD%>.focus();
 
    _update(obj);
}

avec des champs d'INPUT définit comme suit :

Code :

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

1
2
3
4
5
6
7
<TD>
                        <input type="password" name="<%=MessageContent.PASSWORD%>" id="<%=MessageContent.PASSWORD%>" style="width:200" value="<%=projects.get(0)%>"  onfocus="inputDisabled(this);">
                    </TD>
                    <TD></TD>
                    <TD>
                        <input type="checkbox" name="useNameAsPassword" checked onclick="inputEnable('<%=MessageContent.PASSWORD%>', this.checked, this);">Use project name for password
                    </TD>

Mon problème ici c'est que le document.forms[0].<%=MessageContent.PASSWORD%>.style = "background-color:'#FFFF00'" ne marche pas. Par contre, sans ça, sa marche plutôt bien excepté que je n'ai pas le rendu grisé du DISABLED.

[leminipouce]

Salut tout le monde.

Je ne vais pas vous laisser patienter plus longtemps, j'ai trouvé la réponse.

Vu que j'ai fait un autre post sur un autre forum, qui me semblait plus approprié que celui-là (je m'en excuse d'ailleurs ) voici le lien vers la réponse.

Merci quand même