Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/07/2008, 10:30
Avatar de vote87
vote87
 
Fecha de Ingreso: febrero-2008
Mensajes: 37
Antigüedad: 17 años
Puntos: 0
Pregunta Drag and Drop html

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