Afficher un div cache au niveau du curseur

[Résolu/Fermé]
Signaler
Messages postés
9
Date d'inscription
mardi 29 septembre 2009
Statut
Membre
Dernière intervention
28 octobre 2009
-
Messages postés
9
Date d'inscription
mardi 29 septembre 2009
Statut
Membre
Dernière intervention
28 octobre 2009
-
Bonjour à tous

Apres une longue recherche je n'ai pas retrouve ce que j'avais fait.

Voilà mon souci:
j'ai une vignette qui lorsqu'on clique dessus affiche l'image en grand.
Ce que je voudrais, c'est que le haut de l'image qui s'affiche (c'est un div cache) soit au niveau du curseur.

voilà mes fonctions javascript

//position curseur
function position(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
window.status = "Souris X:"+x+" / Y:"+y;
}
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;

//affichage de l'image
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); else if(window.ActiveXObject) {
try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); }
catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else {
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; }
return xhr;
}

function afficheImage(id) {
var xhr; var send; var reponse; xhr = getXhr();
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200) { reponse = xhr.responseText;
if(reponse != '') { document.getElementById("gdeimage").innerHTML=xhr.responseText;
document.getElementById("gdeimage").style.visibility="visible"; } }
}
send = "idp="+id;
xhr.open("POST","afficheimage.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send(send);
}

function fermeImage(id) {
document.getElementById(id).style.visibility="hidden";
}

je l'avais deja fait mais suite à une mise à jour, j'ai tout perdu
Merci d'avance pour votre aide

1 réponse

Messages postés
9
Date d'inscription
mardi 29 septembre 2009
Statut
Membre
Dernière intervention
28 octobre 2009

ca y est j'ai retrouve

il fallit juste que je rajoute style.top=y+"px";

merci quand meme