Discussion :

[keub51]

Bonjour, j'ai un script qui fonctionne très bien sous FF et pas sur IE ( surprise? lol )

J'essaye selon la valeur d'un champ text placé plus haut de modifier le type d'un input : soit password soit text.

voici le code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 if(quatreLettres.childNodes[0].nodeValue == 'true'){
            $('libelleMotDePasse').innerHTML = 'Je saisis ici les 4 premières lettres de mon nom :';
            $('pwd').setAttribute('type','text');            
            new Effect.Fade('jaioublieMdp', 1);
            new Effect.Fade('aideMotDepasse2', 1);
            new Effect.Pulsate('libelleMotDePasse', 1);
        } else{
            $('libelleMotDePasse').innerHTML = 'Mon mot de passe :';
            $('pwd').setAttribute('type','password');            
            new Effect.Appear('jaioublieMdp', 1);
            new Effect.Appear('aideMotDepasse2', 1);
            new Effect.Pulsate('libelleMotDePasse', 1);
        }

le $ est equivalent au "getElementById"

pourquoi IE ne comprends pas ce bout de code ?

[Bisûnûrs]

IE n'a jamais compris setAttribute.

Essaie plutôt comme ça :

Code :

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

$('pwd').type = "text";

[keub51]

Pareil : fonctionne sous FF mais pas sous IE ...

[keub51]

comment faire ? quelqu'un a t'il une proposition ?

j'ai testé en mettant type en Majuscules > pas marché

en faisant ce code : $('pwd').onfocus = function(){ this.type='text';}; > pas marché ( dailleurs c la ou je placais tous ems espoirs lol )

[keub51]

pourquoi ce code ne fonctionne pas sur IE :

Code :

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

 $('pwd').onfocus = function(){ this.TYPE='text';};

normalement c'est lastuce pour que IE change un attribut

[Shinuza]

Il faut spécifier type comme propriété

Code :

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

$('pwd').type ="text";

[Bisûnûrs]

Est-ce que ça peut t'aider :

http://developpez.net/forums/showthread.php?t=104951

?

[keub51]

oki au lieu de modifier il faut que je tente de creer la balise par moi meme ( merci IE )

donc voici le code html :

Code :

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

1
2
3
<div id="inputMotDePasse" style="display:none;">
              <input type="password" id="pwd" maxlength="20" onKeypress="return stopCaracteresSpeciauxPassword(event);"/>
              </div>

il faut que je supprime

Code :

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

 <input type="password" id="pwd" maxlength="20" onKeypress="return stopCaracteresSpeciauxPassword(event);"/>

pour le remplacer par la meme balise avec soit password soit text en type.

j'ai donc fais ce bout de 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
 
 if(quatreLettres != null){
        if(quatreLettres.childNodes[0].nodeValue == 'true'){
            $('libelleMotDePasse').innerHTML = 'Je saisis ici les 4 premières lettres de mon nom :';
 
            nom = document.createElement("input");
            nom.setAttribute("type", "text");
            nom.setAttribute("id", "pwd");
            nom.setAttribute("maxlength", "20");
            nom.setAttribute("onKeypress", "return stopCaracteresSpeciauxPassword(event);");
            nom.insertBefore(pwd, null);
           nom.appendChild("inputMotDePasse");
 
            alert("quattre lettre ");                               
            new Effect.Fade('jaioublieMdp', 1);
            new Effect.Fade('aideMotDepasse2', 1);
            new Effect.Pulsate('libelleMotDePasse', 1);
        } else{
            $('libelleMotDePasse').innerHTML = 'Mon mot de passe :';
 
 
            nom = document.createElement("INPUT");
            nom.setAttribute("type", "password");
            nom.setAttribute("id", "pwd");
            nom.setAttribute("maxlength", "20");
            nom.setAttribute("onKeypress", "return stopCaracteresSpeciauxPassword(event);");
            nom.appendChild("inputMotDePasse");
 
            alert(" mot de passe ");
            new Effect.Appear('jaioublieMdp', 1);
            new Effect.Appear('aideMotDepasse2', 1);
            new Effect.Pulsate('libelleMotDePasse', 1);
        }

mais il bloque surment a nom.appendChild("inputMotDePasse"); pourquoi ?

[keub51]

et il faut que je supprime l'ancienne balise input ou elle se fera remplacé automatiquement ?

[Bisûnûrs]

Un appendChild se fait comme ça :

Code :

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

elemParent.appendChild(elemAIntegrer);

[keub51]

dans mon cas l'element parent c'est inputMotDePasse et lelement a intergrer c'est nom nan ?

[Bisûnûrs]

Oui, donc modifie ton code en conséquence.

Et l'élement parent ce n'est pas juste son "id", c'est l'objet, donc :

Code :

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

$('inputMotDePasse').appendChild(nom);

[keub51]

Okay ca marche mais le derneir probleme c'est que je dois supprimer l'ancien input.

Donc comment fait t'on pour supprimer un element ?

[keub51]

c'est comme ca ?

Code :

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

document.RemoveChild("pwd","inputMotDePasse");

[Bisûnûrs]

Plutôt comme ça :

Code :

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

$('inputMotDePasse').removeChild($('pwd'));

[keub51]

merci beaucoup ca marche nickel et jaurais appris plein de trucs