nuevo

<!DOCTYPE HTML><html><head><meta charset=»UTF-8″><title>Untitled Document</title></head>
<style type=»text/css»> .cuadro{ width:300px; height:500px; margin:10px; float:left; background-color:grey; cursor:pointer; } </style>
<script type=»text/javascript»> function empezar(e) { e.dataTransfer.effectAllowed= ‘move’; e.dataTransfer.setData («Data», e.target.getAttribute(‘id’)); e.dataTransfer.setDragImage(e.target, 0,0); return true; } function enter(e) { return true; } function over(e) { var esicono = e.dataTransfer.getData («Data»); var id = e.target.getAttribute(‘id’); if (id == ‘destino1’); return false; if ((id == ‘destino2’) && esicono == ‘politics3’) return false; else if (id == ‘destino3’ && (esiconno == ‘politics1’ || esicono == ‘politics2’)) return false; else return true; } function drop (e) { var esicono = e.dataTransfer.getData («Data»); e.target.appendChild(document.getElementById(esicono)); e.stoppropagation(); return false; } function end (e) { e.dataTransfer.clearData («Data»); return false; } </script>
<style type=»text/css»> #destino1, #destino2, #destino3 { width:300px; height:600px; margin:10px; float:left; background-color:grey; cursor:pointer;

}
</style>
</head>

<body>

<div id=»destino1″ ondragenter=»return enter(event)» ondragover=»return over(event)» ondrop=»return drop(event)»> <div id=»politics1″ draggable=»true» ondragstart=»return empezar(event)» ondragend=»return end(event)»> <img src=»icono01.png» width=»128″ height=»128″/> </div> <div id=»politic2″ draggable=»true» ondragstart=»return empezar(event)» ondragend=»return end(event)»> <img src=»icono02.png» width=»128″ height=»128″ /></div> <div id=»politic3″ draggable=»true» ondragstart=»return empezar(event)» ondragend=»return end(event)»> <img src=»icono03.png» width=»128″ height=»128″ /></div> </div> </div>
</div>
</div> <div id=»destino2″ ondragenter=»return enter(event)» ondragover=»return over(event)» ondrop=»return drop(event)»> </div> </div>
</div> <div id=»destino3″ ondragenter=»return enter(event)» ondragover=»return over(event)» ondrop=»return drop(event)»> </div></div></body></html>
<script type=»text/javascript» src=»http://stats.hosting24.com/count.php«></script>

Deja un comentario