Manipulation de Tool Tip

**bronon** · 23/11/2015, 10h39

Bonjour � tous,
Ce matin je gal�re sur un probl�me de gestion HTML via JS.
J'ai un formulaire permettant la saisie de donn�es. Je souhaite lorsque la souris survole le formulaire un TT g�n�rique apparaisse, lorsque la souris survol un objet sp�cifique du formulaire (input div img) le TT initial disparaisse au b�n�fice �ventuel d'un TT sp�cifique � l'objet.
Je patauge totalement sur cette probl�matique
Toute piste est la bienvenue
D'avance merci

**NoSmoking** · 23/11/2015, 11h17

Bonjour,

Toute piste est la bienvenue

tout code �galement

**freddou17** · 23/11/2015, 13h05

As tu regard� du cot� de Jquery https://jqueryui.com/tooltip/ ??

++

**bronon** · 23/11/2015, 14h33

Envoy� par NoSmoking

Bonjour,
tout code �galement

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
	$(document).on("mouseover", ".ttGeneric", function(){
		alerte('centre', 'Sur formulaire', '');// PopUp pour suivre le déroulement des opérations
	});
	$(document).on("mouseover", ".ttGeneric div, .ttGeneric table, .ttGeneric input", function(event){
		$("#alerte").remove();
                alerte('centre', 'Sur rub spécifique', '')
		event.preventDefault();
	});	/**/
	$(document).on("mouseleave", ".ttGeneric", function(){
		$("#alerte").remove();
	});	/**/

**bronon** · 23/11/2015, 14h34

Envoy� par freddou17

As tu regard� du cot� de Jquery https://jqueryui.com/tooltip/ ??

++

J'ai �videmment tent� ma chance avec jQuery mais je suis arriv� � rien !

**NoSmoking** · 23/11/2015, 15h56

des alert ne sont pas des "infos bulles" !

- Je parlais du code HTML, de la structure.
- Comment sont r�cup�r�es les informations affich�es dans tes "infos bulles" ?

Remarque : le event.preventDefault() ne sert � rien sur un �v�nement mouseover.

**bronon** · 23/11/2015, 19h16

Les infos bulles � l'int�rieur du form sont des TT jQuery tout simples.
Concernant l'infos bulle sur le form je n'arrive pas � d�clencher un quelconque event "s�lectif".
Merci pour le mouseover cela m'avait �chapp� !
Ce que je cherche � mettre en �uvre est le d�clenchement s�lectif d'une function (TT ou autres) lorsque la souris est sur le form mais pas sur une table, une div ou un input children du form !
La structure html est :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
<form>
<div>
<table>
<tr><td>jgjhgjhg</td><td>input</td></tr>
<tr><td>jgjhgjhg</td><td>textarea</td></tr>
<tr><td>jgjhgjhg</td><td>input</td></tr>
</table>
</div>
<div>bjhbjhbjhbjh</div>etc.
</form>

**melka one** · 23/11/2015, 20h01

jour

utilise target de l'objet event

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
 
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
 
<script>
 
function quoi(e) {
 
	alert(e.target)
 
    }
 
</script>
</head>
<body>
<form onclick='quoi(event)'>
<div>
<table>
<tr><td>jgjhgjhg</td><td>input</td></tr>
<tr><td>jgjhgjhg</td><td>textarea</td></tr>
<tr><td>jgjhgjhg</td><td>input</td></tr>
</table>
</div>
<div>bjhbjhbjhbjh</div>etc.
</form>
 
</body>
</html>

**bronon** · 24/11/2015, 08h40

Ah pas mal je n'y avais pas pens� !
Je regarde ceci dans la matin�e

Manipulation de Tool Tip

JavaScript

Discussions similaires

Partager

Partager