Diferència entre revisions de la pàgina «Sol draggable papelera»
De wikiserver
| Línia 27: | Línia 27: | ||
top:400px; | top:400px; | ||
left:500px; | left:500px; | ||
| + | width="150px" | ||
} | } | ||
</style> | </style> | ||
| Línia 37: | Línia 38: | ||
<div id="posx"></div> | <div id="posx"></div> | ||
<div id="posy"></div> | <div id="posy"></div> | ||
| − | <img src="http://es.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211767295.png" alt="papelera | + | <img src="http://es.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211767295.png" alt="papelera" /> |
Revisió de 16:40, 2 abr 2016
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script>
$(document).ready(function () {
// var ventana_ancho = $(window).width();
// var ventana_alto = $(window).height();
$('p').draggable({
drag: function (event, ui) {
$("#posx").text(ui.position.left);
$("#posy").text(ui.position.top);
if (ui.position.left > 540 && ui.position.top > 100) {
$(this).remove()
}
;
}
})
});
</script>
<style>
img{
position: absolute;
top:400px;
left:500px;
width="150px"
}
</style>
</head>
<body>
<p>TEXTO 1.</p>
<p>TEXTO 2.</p>
<p>TEXTO 3.</p>
<div id="posx"></div>
<div id="posy"></div>
<img src="http://es.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211767295.png" alt="papelera" />
</body>
</html>
