Positionner focus sur textbox

**Sanceray3** · 27/11/2009, 10h06

Bonjour à tous,

Voilà je vous explique mon problème, j'ai un formulaire avec plusieurs "input type text". Je voudrais pouvoir positionner mon curseur sur l'input de mon choix.

En js standard je faisais :

Code :

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

document.forms["formu"].elements["kms1"].focus();

Ca marche très bien, mais j'aurais souhaité le faire en jQuery et je n'y arrive pas.

Pouvez vous me dire quelle fonction je dois utiliser parce qu'apparemment focus() en jQuery ne fait pas exactement le même chose.

Par avance merci de votre retour.

**danielhagnoul** · 27/11/2009, 11h20

Bonjour.

Voici un exemple :

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="Author" content="Daniel Hagnoul" />
	<title>Page type</title>
	<style type="text/css">
		body {
			background-color:#696969;
			color:#000000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:"Times New Roman", Times, serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		div#conteneur {
			width:95%;
			margin:12px auto;
			padding:6px;
			background-color:#FFFFFF;
			color:#000000;
			border:1px solid #666666;
			font-size:0.8em;
		}
	</style>
	<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			// sans inputID
			// on donne le focus au deuxième input par eq(1)
			$("#formID input:eq(1)").focus();
 
			// avec inputID
			//$("#inputID").focus();
		});
 	</script>
</head>
<body>
	<div id="conteneur">
		<form id="formID">
			<label>Nom : <input type="text"/></label>
			<label>Prénom : <input type="text"/></label>
			<label>Sujet : <input id="inputID" type="text"/></label>
		</form>
	</div>
</body>
</html>

Positionner focus sur textbox

jQuery

Discussions similaires

Partager

Partager