Sol draggable papelera

De wikiserver
La revisió el 16:40, 2 abr 2016 per Jnoguera (Discussió | contribucions)
(dif) ← Versió més antiga | Versió actual (dif) | Versió més nova → (dif)
Dreceres ràpides: navegació, cerca
<!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>