Discussion :

[mlk777]

Bonjour j'utilise un Tooltip Jquery permettant de faire un zoom sur une image avec une description qui marche très bien. Mais je voudrais également ajouter la gestion des collisions en fonction de la position de l'image.
J'ai d'ores et déjà consulté un problème similaire au mien mais je n'ai pas trouvé une réponse à mon problème.
http://www.developpez.net/forums/d12...ment-position/

Ci-joint le code si quelqu'un peut m'aider je lui en serais reconnaissant car étant débutant en Javascript cela fait 3 semaines que je cherche merci à vous

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
// Load this script once the document is ready
	$(document).ready(function () {
 
		// Get all the thumbnail
		$('div.thumbnail-item').mouseenter(function(e) {
 
			// Calculate the position of the image tooltip
			x = e.pageX - $(this).offset().left;
			y = e.pageY - $(this).offset().top;
 
			// Set the z-index of the current item, 
			// make sure it's greater than the rest of thumbnail items
			// Set the position and display the image tooltip
			$(this).css('z-index','15')
			.children("div.tooltip")
			.css({'top': y + 10,'left': x + 20,'display':'block'});
 
		}).mousemove(function(e) {
 
			// Calculate the position of the image tooltip			
			x = e.pageX - $(this).offset().left;
			y = e.pageY - $(this).offset().top;
 
			// This line causes the tooltip will follow the mouse pointer
			$(this).children("div.tooltip").css({'top': y + 10,'left': x + 20});
 
		}).mouseleave(function() {
 
			// Reset the z-index and hide the image tooltip 
			$(this).css('z-index','1')
			.children("div.tooltip")
			.animate({"opacity": "hide"}, "fast");
		});
 
	});

[SpaceFrog]

la gestion des collisions en fonction de la position de l'image.

???
c'est à dire ?

[mlk777]

La gestion des collisions

Pour mieux m'exprimer je cherche à ajouter la fonction "viewport" pour que l'image en fonction de la taille de la fenêtre reste dans le champ (exemple : une image en bas à droite même lorsqu'on réduit la fenêtre restera visible elle basculera en haut à gauche si on réduit du coin inférieure droit)

J'espère avoir été assez explicite

[danielhagnoul]

Bonjour

La manière dont je gère le positionnement de mon tooltip vous aidera peut-être. Voir le code de mon plugin : http://danielhagnoul.developpez.com/...ip/tooltip.php

[SpaceFrog]

Il existe de plugins qui gèrent automatiquement la position du tooltip en tenant compte de la position de l'image ...

[mlk777]

Oui, j'ai d'ores et déjà chercher différents plugins mais mon soucis reste au niveau de l'intégration dans le code...