selection automatique lors du focus d'un input

Version imprimable

Bonjour à tous,

J'essaye d'effectuer une selection automatique lors du focus d'un input
Ceci fonctionne bien sur IE mais pas sur mozilla
Sur ce dernier, le select fonctionne une fois sur 2 :/

Quelqu'un aurait une solution?

Voici le code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Document sans nom</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> </head> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $('#test').focus(function(){ $(this).select(); }) }) </script> <body> <input id="test" type="text" value="ca ne fonctionne pas 2 fois :/" />  </body> </html>
Que ca soit dans un script ou directement dans la balise, le résultat est le même.

Merci d'avance :)

10/07/2012, 08h05
Bovino

Répété un nombre incalculable de fois : Un id doit être unique dans la page !!!

D'autre part,

Code:

onfocus="select()"

une méthode s'applique à un objet ! Si tu ne précises pas l'objet auquel doit s'appliquer la méthode select(), alors c'est l'objet implicite window qui sera utilisé.

Ben il est unique, le 2ème est commenté, c'était juste un test :)

Voici le code sans le commentaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<script language="javascript" type="text/javascript">
	$(document).ready(function(){
		$('#test').focus(function(){
			$(this).select();
		})
	})
</script>
<body>
<input id="test" type="text" value="ca ne fonctionne pas 2 fois :/" />
 
</body>
</html>

puis je ne suis pas fan du javascript dans les balises ^^

Une idée sur ce bug?

10/07/2012, 12h45
Bovino
select() n'a pas la même signification avec jQuery qu'avec du JavaScript natif...
Code:

1 2 3 $('#test').focus(function(){ this.select(); });
10/07/2012, 13h27
healou

Merci pour tes réponses :)

J'ai essayé en remplacant le $(this). par this. comme tu me l'a dit, mais le problème persiste :/