IE et setAttribute

Version imprimable

IE et setAttribute

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:

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&egrave;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 ?

18/09/2007, 09h53
Bisûnûrs

IE n'a jamais compris setAttribute.

Essaie plutôt comme ça :

Code:

$('pwd').type = "text";
18/09/2007, 09h58
keub51

Pareil : fonctionne sous FF mais pas sous IE ... :(
18/09/2007, 10h32
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 )
18/09/2007, 11h03
keub51

pourquoi ce code ne fonctionne pas sur IE :

Code:

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

normalement c'est lastuce pour que IE change un attribut
18/09/2007, 11h07
Shinuza

Il faut spécifier type comme propriété

Code:

$('pwd').type ="text";
18/09/2007, 11h07
Bisûnûrs

Est-ce que ça peut t'aider :

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

?

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:

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:

<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:

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&egrave;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 ?

18/09/2007, 11h38
keub51

et il faut que je supprime l'ancienne balise input ou elle se fera remplacé automatiquement ?
18/09/2007, 11h38
Bisûnûrs

Un appendChild se fait comme ça :

Code:

elemParent.appendChild(elemAIntegrer);
18/09/2007, 11h41
keub51

dans mon cas l'element parent c'est inputMotDePasse et lelement a intergrer c'est nom nan ?
18/09/2007, 11h42
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:

$('inputMotDePasse').appendChild(nom);
18/09/2007, 11h44
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 ?
18/09/2007, 11h48
keub51

c'est comme ca ?

Code:

document.RemoveChild("pwd","inputMotDePasse");
18/09/2007, 11h53
Bisûnûrs

Plutôt comme ça :

Code:

$('inputMotDePasse').removeChild($('pwd'));
18/09/2007, 11h58
keub51

merci beaucoup ca marche nickel et jaurais appris plein de trucs :king: