Hi good day.
i got a drag and drop script:
and it works Just fine. i can drag and drop any object i set with the class "Objmovible". but the problem comes when i try to drag and drop an object with a link.PHP Code:<script type="text/javascript">
//Si el navegador del cliente es Mozilla la variable siguiente valdrá true
var moz = document.getElementById && !document.all;
//Flag que indica si estamos o no en proceso de arrastrar el ratón
var estoyArrastrando = false;
//Variable para almacenar un puntero al objeto que estamos moviendo
var dobj;
function arrastrarRaton(e){
if (estoyArrastrando) {
newLeft = moz ? e.clientX : event.clientX;
newTop = moz ? e.clientY : event.clientY;
dobj.style.left = newLeft - parseInt(dobj.style.width)/2;
dobj.style.top = newTop - parseInt(dobj.style.height)/2;
return false;
}
}
function soltarBoton(e) {
onClick = null;
arrastrando = true;
estoyArrastrando = false;
setTimeout("desbloquea()",250);
}
function presionarBoton(e) {
//Obtenemos el elemento sobre el que se ha presionado el botón del ratón
var fobj = moz ? e.target : event.srcElement;
// Buscamos el primer elemento en la que esté contenido aquel sobre el que se ha pulsado
// que pertenezca a la clase objMovible.
while (fobj.tagName.toLowerCase() != "html" && fobj.className != "objMovible") {
fobj = moz ? fobj.parentNode : fobj.parentElement;
}
// Si hemos obtenido un objeto movible...
if (fobj.className == "objMovible") {
// Activamos el flag para indicar que se empieza a arrastrar
estoyArrastrando = true;
// Guardamos un puntero al objeto que se está moviendo en la variable global
dobj = fobj;
// Devolvemos false para no realizar ninguna acción posterior
return false;
}
}
document.onmousedown = presionarBoton;
document.onmouseup = soltarBoton;
document.onmousemove = arrastrarRaton;
document.oncontextmenu=new Function("return false");
</script>
When i try to do that, when i drop the object, i get redirected to the link of the object. so, what im looking for is for a way to, when i start dragging an object, disable the link, but when i drop the object, enable again so, when someone just clicks the object, it gets redirected to the link itself....
Hope i could do it myself but im just starting to learn javascript -__-, and i really need this code working soon as possible...
by the way, im trying to use that code on the index site of www.raulreyesfotografo.com hope that helps...
Thank you.



Reply With Quote
Bookmarks