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

**yannickn** · 10/03/2005, 11h07

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.

**Oluha** · 10/03/2005, 11h11

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.

**SpaceFrog** · 10/03/2005, 11h24

en css avec un peu de javascript:

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

**yannickn** · 10/03/2005, 12h48

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

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

JavaScript

Discussions similaires

Partager

Partager