Manipulation de Tool Tip

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

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, 12h17

Bonjour,

Toute piste est la bienvenue

tout code également

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

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

++

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

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, 15h34

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, 16h56

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, 20h16

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, 21h01

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, 09h40

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