erreur input dans onfocus

Version imprimable

30/09/2009, 19h42
ypoupou

erreur input dans onfocus
bonjour,

j'ai un input de type "text" et dans l'évenement onfocus je veux que ce champs devient de type "password".
Sous Firefox tout marche à merveille mais sous IE il m'indique une erreur "Impossible d'obtenir la propriété type.cette commande n'est pas prise en charge."
Code:

1 2 <input type="text" runat="server" name="password" id="password" value="Password" onfocus = "this.value = '';this.type='password';"/>
j'ai essayé même avec this.setAttribute('type', 'password');" et ça n'a pas marché sous IE
Code:

1 2 <input type="text" runat="server" name="password" id="password" value="Password" onfocus = "this.value = '';this.setAttribute('type', 'password');" />
merci pour votre aide.
30/09/2009, 19h49
Invité

jour

ie ne supporte pas la modification d'un input par la methode dom
30/09/2009, 19h58
ypoupou

et comment faire pour remédier à ce probleme ??
30/09/2009, 20h13
Invité

tu peut toujour essayer avec innerHtml ou en supperposant deux input un de type texte et l'autre de type password et en cliquant sur le premier tu le supprimerait

il y a peut etre d'autre solution mais une chose est sur c'est que l'on ne peut pas y arriver avec la methode dom (setAttribut)

petit exemple avec innerHTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
function insert(){
var vavar="<input type='password' name='password' id='password' value='Password'/>"
document.getElementById('fgjh').innerHTML = vavar;
}   
</SCRIPT>
</head>
<body>
<div id='fgjh'>
<input type="text" runat="server" name="password" id="password" value="Password" onfocus = "insert()">
</div>
</body>
</html>

07/10/2009, 19h13
ypoupou

merci mekal :ccool: