erreur input dans onfocus

**ypoupou** · 30/09/2009, 19h42

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 :

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

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 :

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

1
2
 
<input type="text" runat="server" name="password" id="password" value="Password" onfocus = "this.value = '';this.setAttribute('type', 'password');"  />

merci pour votre aide.

Invité · 30/09/2009, 19h49

jour

ie ne supporte pas la modification d'un input par la methode dom

**ypoupou** · 30/09/2009, 19h58

et comment faire pour remédier à ce probleme ??

Invité · 30/09/2009, 20h13

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)

Invité · 30/09/2009, 21h16

petit exemple avec innerHTML

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

**ypoupou** · 07/10/2009, 19h13

merci mekal

erreur input dans onfocus

JavaScript

Discussions similaires

Partager

Partager