Manipulation de Tool Tip

Version imprimable

23/11/2015, 10h39
bronon

Manipulation de Tool Tip

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
23/11/2015, 11h17
NoSmoking

Bonjour,

Citation:

Toute piste est la bienvenue

tout code également :mrgreen:
23/11/2015, 13h05
freddou17

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

++

Citation:

Envoyé par NoSmoking

Bonjour,
tout code également :mrgreen:

Code:

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();
	});	/**/

23/11/2015, 14h34
bronon

Citation:

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 !
23/11/2015, 15h56
NoSmoking

:koi: 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.

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:

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>

jour

utilise target de l'objet event

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

24/11/2015, 08h40
bronon

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