Aide sur le focus d'un champ d'une forme

Version imprimable

10/03/2005, 11h07
yannickn

Aide sur le focus d'un champ d'une forme

Bonjour,

Je voudrais afficher un message d'aide lors de la prise de focus d'un champ d'une forme : text field, liste, textarea,...

J'arrive à l'afficher lors du mouseover, mais je n'arrive pas à l'afficher lors du focus.

Ce que je voudrais c'est un petit message qui s'afficherai juste en dessous du champ lors de l'évenement onFocus, et qui disparaitrai sur le onBlur. Je ne veux pas utiliser le mouseOver, mais bien le onFocus.

Je n'arrive pas a trouver une technique pour faire ca.

Merci d'avance.

Yannick.
10/03/2005, 11h11
Oluha

Tu ne postes pas dans le bon forum, il s'agit de javascript.
Sinon montre nous ton code pour voir ce qui ne fonctionne pas.

en css avec un peu de javascript:

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
34
35
36
37
38
<style type="text/css">
.info{position:relative; /*this is the key*/
		z-index:24; 
		/*background-color:#ccc;*/
		color:#000;
		text-decoration:none}
 
 
.out { 		   display:none;
				}
.over { 		   display:block;
				   position:absolute;
				   padding:5px;
				   top:-5em; 
				   left:2em;
				   width:15em;
				   border:2px outset #0cf;
				   background-color:skyblue;
				   color:#000;
				   text-align: center;
				   font-family:verdana; 
				   font-size:11px;
				   z-index:25;}
</style>
 
</head>
 
<body>
<br/>
<br/>
<br/>
<br/>
<br/>
 
<a class="info" href="#" style="position:absolute; left:40%;"><input type="text" name="myinput" onfocus="document.getElementById('infobulle').className='over'" onblur="document.getElementById('infobulle').className='out'" /><div id="infobulle" class="out" > Voici<br/>l'infobulle<br/>en css</div></a>
</body>
 
</html>

10/03/2005, 12h48
yannickn

Merci !

Merci, ce post répond exactement a ma question !