Drag and Drop html

vote87 · #1 (**permalink**) 23/07/2008, 10:30

Saludos amigos foreros,

Tengo un pequeño problema, es que quisiera saber si puedo hacer DragAndDrop en una página hacia un iFrame, es decir, tengo unos Links en una página html común, y dentro de esa misma página tengo un iFrame src="pagina2.html", el problema es que quiero arrastrar el link de página1 y mandarlo a página2, pero no se meda,

Código HTML:

<html><head>
<script language="javascript">
	var idultimoobjetodrag = ''; 

        function cancelEvent() {
            window.event.returnValue = false;
        }
        function drop() {
            
            alert(idultimoobjetodrag);
        }


	function guardarobjetodrag(obj)
	{
	idultimoobjetodrag = obj.id;
	}    
</script></head>
<body>
<iframe src="pagina.html"
style="top:100px; left:200px; position:absolute;" width="100%" height="100%" ></iframe>
<a id="objeto10" href='http://www.hotmail.com' ondragstart='guardarobjetodrag(this)' onmouseover="this.style.cursor='move'">Este es uno de los dos objetos</a><br>
  <style>
    #divTarget {position: absolute; left: 300px; width: 100px; height: 100px; background-color: red; font-weight: bold}
    </style>
<div id="divTarget" ondragenter="cancelEvent()" ondragover="cancelEvent()" ondrop="drop()">Drop on me</div>
<body></html>

si notan en "divTarget" si arrastro el objeto10 si me dispara el evento, pero si lo quiero hacer para el iframe no

Alguna sugerencia

Saludos

caricatos · #2 (**permalink**) 23/07/2008, 10:47

Hola:

Aparte de contestarte voy a reportar el mensaje para que lo muevan a javascript, porque el concepto "drag and drop" o arratrar y soltar para usar nuestro idioma preferido (y en mi caso único) no tiene nada que ver con html puro.

Nunca probé lo que dices, pero a un iframe puedes ponerle una capa encima transparente y se podría entonces tratar más fácilmente.

Saludos