Sol draggable papelera
De wikiserver
La revisió el 16:32, 2 abr 2016 per Jnoguera (Discussió | contribucions) (Es crea la pàgina amb «<source lang="java"> <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script …».)
<!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 > 580 && ui.position.top > 300) {
$(this).remove()
}
;
}
})
});
</script>
<style>
.main {
position: absolute;
top:0px;
left:0px;
}
img{
position: absolute;
top:400px;
left:500px;
}
</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://images.gofreedownload.net/system-recycle-bin-empty-30789.jpg" alt="papelera" width="150px"/>
</body>
</html>