Home/ Questions/Q 7406285
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T05:32:05+00:00

I have a javascript function showAlert(). There is a draggable image. After the drag

  • 0

I have a javascript function showAlert(). There is a draggable image. After the drag is stopped, we need to show the alert. Its not working How do we correct it?

    <html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="Scripts/ui.core.js" type="text/javascript"></script>
    <script src="Scripts/ui.draggable.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () 
        {

            $("#d1").draggable(
            {

                drag: function (event, ui) 
                {
                },

                stop: function (event, ui) 
                {
                    showAlert();
                },

                cursor: "move"

            });

        });

        function showAlert() 
        {
            alert("hai");
        }



    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div style="border:2px solid orange; width:500px; height:300px;"  >
    <br />
        <img src="MyIMages/RedSquare.jpg" alt="" id="d1" runat="server" />
    <br />
    </div>
    </form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I tried with the jquery UI libraries and it worked http://jsfiddle.net/5HyyP/

    • 0