Discussion :

[leminipouce]

Bonjour tout le monde.

J'ai un champ input type=password que je voudrais protéger en écriture si dès qu'une checkbox est cochée.
Mon souhait serait de la mettre en readonly, mais avec un rendu graphique identique au disabled. (car le disabled m'empêche de récupérer sa valeur).

Problème je n'arrive pas à activer/désactiver le readonly avec un JavaScript.
Problème 2, je narrive pas à changer la couleur de mes "boulettes" dans le champ.

Voici mon code JS :

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
40
41
42
43
44
45
function disableInput(obj){
    if(document.forms[0].useNameAsPassword.checked){
        document.forms[0].<%=MessageContent.PASSWORD%>.readonly='true';
    }else{
        document.forms[0].<%=MessageContent.PASSWORD%>.readonly='false';
    }
}
 
function inputDisabled(obj){
   if(document.forms[0].useNameAsPassword.checked){
        document.forms[0].<%=MessageContent.PASSWORD%>.blur();
        //document.forms[0].<%=MessageContent.PASSWORD%>.style.display="none";
        //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);
}

Et voici mes champ PASSWORD et CHECKBOX :

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>

Si quelqu'un voit d'où vient mon problème ou détiens une solution, je suis preneur.

PS: Je pensais ce sujet en rapport avec HTML et je l'ai déjà posté sur ce forum ici. Désolé pour ça.

[FremyCompany]

Pas sur que readonly existe mais si jamais il existait, il s'écrirait readOnly, selon les conventions de nommage JS...
Sinon, je ne pige pas bien pk ne pas utiliser disabled...

[leminipouce]

Sinon, je ne pige pas bien pk ne pas utiliser disabled...

Tout simplement parce que les champs disabled ne sont pas transmis lors d'un submit. Et que j'aimerais bien récupérer la valeur du mot de passe après ça moi...

Sinon

Pas sur que readonly existe mais si jamais il existait, il s'écrirait readOnly, selon les conventions de nommage JS...

C'est exactement ça ! Je m'étonnes quand même d'avoir oublier de donner la réponse alors que je l'avais déjà trouvé... Désolé

En fait j'avais fait un autre post, ou j'ai donné la réponse.
Merci quand même (d'autant plus que tu avais la bonne réponse...)