Scribd Logo
Upload

Welcome to Scribd!

  • 026 Droppables Droppable - HTML

    Uploaded by

    zizou
    4 views3 pages

    Original Title

    026 Droppables droppable.html

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    4 views3 pages

    026 Droppables Droppable - HTML

    Uploaded by

    zizou

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 3

    Droppables: droppable.

    html
    !
    !
    <!doctype html>

    <html>

    <head>

    <title>Learning jQuery</title>

    <meta charset="utf-8" />

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <script type="text/javascript" src="jquery.min.js"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/


    libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

    <style>

    #square {

    height:200px;

    width:200px;

    background-color:grey;


    #target {

    height:300px;

    width:300px;

    background-color:yellow;

    </style>

    </head>

    <body>

    <div id="square"></div>

    <div id="target"></div>

    <script>

    $("#square").draggable();

    $("#target").droppable({

    drop: function(ui, event) {

    $("#target").css("background-color","red");


    });

    </script>

    </body>

    </html>

    You might also like