<script type="text/javascript"> positionne('img', '290px', '84px'); isDragging = false; </script>
function mafonction(lelien){ document.location.href=lelien }
function beginDrag(p_obj,e){ var t=e.target?e.target:e.srcElement; // Pour les clics sur un noeud texte de Mozilla et autres... while (t.nodeType!=1) t=t.parentNode; if (t.tagName.toLowerCase()=='a') return true; isDragging = true; //... la suite } // avec peut-être aussi un return true ici function endDrag(){ isDragging = false; return true; }L'important pour ne pas déactiver les liens, c'est de ne pas gèner le déclenchement du clic après le mousedown et mouseup. D'où les return true ...
<head> <script type="text/javascript" src="lightbox.js"></script> </head> [image2.jpg ] <script type="text/javascript"> positionne('img', '290px', '84px'); isDragging = false; </script>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre questionvar loadingImage = 'loading.gif'; var closeButton = 'close.gif'; function getPageScroll(){ var yScroll; if (self.pageYOffset) { yScroll = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict yScroll = document.documentElement.scrollTop; } else if (document.body) {// all other Explorers yScroll = document.body.scrollTop; } arrayPageScroll = new Array('',yScroll) return arrayPageScroll; } function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } var windowWidth, windowHeight; if (self.innerHeight) { // all except Explorer windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { // other Explorers windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } if(xScroll < windowWidth){ pageWidth = windowWidth; } else { pageWidth = xScroll; } arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) return arrayPageSize; } function pause(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; } } function getKey(e){ if (e == null) { // ie keycode = event.keyCode; } else { // mozilla keycode = e.which; } key = String.fromCharCode(keycode).toLowerCase(); if(key == 'x'){ hideLightbox(); } } function listenKey () { document.onkeypress = getKey; } function showLightbox(objLink) { // prep objects var objOverlay = document.getElementById('overlay'); var objLightbox = document.getElementById('lightbox'); var objCaption = document.getElementById('lightboxCaption'); var objImage = document.getElementById('lightboxImage'); var objLoadingImage = document.getElementById('loadingImage'); var objLightboxDetails = document.getElementById('lightboxDetails'); var arrayPageSize = getPageSize(); var arrayPageScroll = getPageScroll(); if (objLoadingImage) { objLoadingImage.style.top = (arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objLoadingImage.height) / 2) + 'px'); objLoadingImage.style.left = (((arrayPageSize[0] - 20 - objLoadingImage.width) / 2) + 'px'); objLoadingImage.style.display = 'block'; } objOverlay.style.height = (arrayPageSize[1] + 'px'); objOverlay.style.display = 'block'; imgPreload = new Image(); imgPreload.onload=function(){ objImage.src = objLink.href; var lightboxTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - imgPreload.height) / 2); var lightboxLeft = ((arrayPageSize[0] - 20 - imgPreload.width) / 2); objLightbox.style.top = (lightboxTop < 0) ? "0px" : lightboxTop + "px"; objLightbox.style.left = (lightboxLeft < 0) ? "0px" : lightboxLeft + "px"; objLightboxDetails.style.width = imgPreload.width + 'px'; if(objLink.getAttribute('title')){ objCaption.style.display = 'block'; //objCaption.style.width = imgPreload.width + 'px'; objCaption.innerHTML = objLink.getAttribute('title'); } else { objCaption.style.display = 'none'; } if (navigator.appVersion.indexOf("MSIE")!=-1){ pause(250); } if (objLoadingImage) { objLoadingImage.style.display = 'none'; } selects = document.getElementsByTagName("select"); for (i = 0; i != selects.length; i++) { selects[i].style.visibility = "hidden"; } objLightbox.style.display = 'block'; arrayPageSize = getPageSize(); objOverlay.style.height = (arrayPageSize[1] + 'px'); listenKey(); return false; } imgPreload.src = objLink.href; } function hideLightbox() { // get objects objOverlay = document.getElementById('overlay'); objLightbox = document.getElementById('lightbox'); objOverlay.style.display = 'none'; objLightbox.style.display = 'none'; selects = document.getElementsByTagName("select"); for (i = 0; i != selects.length; i++) { selects[i].style.visibility = "visible"; } document.onkeypress = ''; } function initLightbox() { if (!document.getElementsByTagName){ return; } var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++){ var anchor = anchors[i]; if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){ anchor.onclick = function () {showLightbox(this); return false;} } } var objBody = document.getElementsByTagName("body").item(0); var objOverlay = document.createElement("div"); objOverlay.setAttribute('id','overlay'); objOverlay.onclick = function () {hideLightbox(); return false;} objOverlay.style.display = 'none'; objOverlay.style.position = 'absolute'; objOverlay.style.top = '0'; objOverlay.style.left = '0'; objOverlay.style.zIndex = '90'; objOverlay.style.width = '100%'; objBody.insertBefore(objOverlay, objBody.firstChild); var arrayPageSize = getPageSize(); var arrayPageScroll = getPageScroll(); var imgPreloader = new Image(); imgPreloader.onload=function(){ var objLoadingImageLink = document.createElement("a"); objLoadingImageLink.setAttribute('href','#'); objOverlay.appendChild(objLoadingImageLink); var objLoadingImage = document.createElement("img"); objLoadingImage.src = loadingImage; objLoadingImage.setAttribute('id','loadingImage'); objLoadingImage.style.position = 'absolute'; objLoadingImage.style.zIndex = '150'; objLoadingImageLink.appendChild(objLoadingImage); imgPreloader.onload=function(){}; return false; } imgPreloader.src = loadingImage; var objLightbox = document.createElement("div"); objLightbox.setAttribute('id','lightbox'); objLightbox.style.display = 'none'; objLightbox.style.position = 'absolute'; objLightbox.style.zIndex = '100'; objBody.insertBefore(objLightbox, objOverlay.nextSibling); var objLink = document.createElement("a"); objLink.setAttribute('href','#'); objLink.setAttribute('title','Click to close or press x key'); objLightbox.appendChild(objLink); var imgPreloadCloseButton = new Image(); imgPreloadCloseButton.onload=function(){ var objCloseButton = document.createElement("img"); objCloseButton.src = closeButton; objCloseButton.setAttribute('id','closeButton'); objCloseButton.style.position = 'absolute'; objCloseButton.style.zIndex = '200'; objLink.appendChild(objCloseButton); return false; } imgPreloadCloseButton.src = closeButton; var objImage = document.createElement("img"); objImage.setAttribute('id','lightboxImage'); objLink.appendChild(objImage); var objLightboxDetails = document.createElement("div"); objLightboxDetails.setAttribute('id','lightboxDetails'); objLightbox.appendChild(objLightboxDetails); var objCaption = document.createElement("div"); objCaption.setAttribute('id','lightboxCaption'); objCaption.style.display = 'none'; objLightboxDetails.appendChild(objCaption); } function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function'){ window.onload = func; } else { window.onload = function(){ oldonload(); func(); } } } addLoadEvent(initLightbox);
if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){ anchor.onclick = function () {showLightbox(this); return false;}
if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){ anchor.ondbclick = function () {showLightbox(this); return false;}
if (!document.getElementsByTagName){ return; } var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++){ var anchor = anchors[i]; if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox")){ anchor.onclick = function () {showLightbox(this); return false;} } }
anchor.onclick = function () {showLightbox(this); return
anchor.ondblclick = function () {showLightbox(this); return
[image2.jpg ] <script type="text/javascript"> positionne('img', '290px', '84px'); isDragging = false; </script>
function positionne(p_id, p_posX, p_pos_Y){ document.getElementById(p_id).style.left = p_posX; document.getElementById(p_id).style.top = p_pos_Y; } function getPositionCurseur(e){ //ie if(document.all){ curX = event.clientX; curY = event.clientY; } //netscape 4 if(document.layers){ curX = e.pageX; curY = e.pageY; } //mozilla if(document.getElementById){ curX = e.clientX; curY = e.clientY; } } function beginDrag(p_obj,e){ var t=e.target?e.target:e.srcElement; // Pour les clics sur un noeud texte de Mozilla et autres... while (t.nodeType!=1) t=t.parentNode; if (t.tagName.toLowerCase()=='a') return true; isDragging = true; objectToDrag = p_obj; getPositionCurseur(e); ecartX = curX - parseInt(objectToDrag.style.left); ecartY = curY - parseInt(objectToDrag.style.top); } function drag(e){ var newPosX; var newPosY; if(isDragging == true){ getPositionCurseur(e); newPosX = curX - ecartX; newPosY = curY - ecartY; objectToDrag.style.left = newPosX + 'px'; objectToDrag.style.top = newPosY + 'px'; } } function endDrag(){ isDragging = false; return true; }
anchor.ondblclick = function () {showLightbox(this); return false;
for (var i=0; i[98.jpg ] <script type="text/javascript"> positionne('idm','290px','84px'); </script> </html