Afficher un div cache au niveau du curseur

Résolu/Fermé
jazzyphilou Messages postés 9 Date d'inscription mardi 29 septembre 2009 Statut Membre Dernière intervention 28 octobre 2009 - 21 oct. 2009 à 15:13
jazzyphilou Messages postés 9 Date d'inscription mardi 29 septembre 2009 Statut Membre Dernière intervention 28 octobre 2009 - 21 oct. 2009 à 16:05
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
A voir également:

1 réponse

jazzyphilou Messages postés 9 Date d'inscription mardi 29 septembre 2009 Statut Membre Dernière intervention 28 octobre 2009
21 oct. 2009 à 16:05
ca y est j'ai retrouve

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

merci quand meme
0