Tags » Jquery Ui

Drag and Drop functionality using jQuery-ui

1. Need to load jQuery and jQuery-ui library


  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>

2. Now you need to initialize drag and drop features


  <script type="text/javascript">
    $(document).ready(function() {
        $(function() {
            $("ul.sortable").sortable({opacity: 0.6, cursor: 'move', update: function() {},
                receive: function(e, ui) {
                     var Id = ui.sender.attr('id');                                         
                }
            });
        });

        $('ul.dragable li').live('mouseover', function() {
            $(this).draggable({
                revert: false,
                cursor: 'move',
                helper: 'clone',
                opacity: 0.75,
                connectToSortable: 'ul.sortable'
            });
        });
    });
  </script>
… 101 more words
JQuery

Quick and easy sortable list using jquery-ui

1. Need to load jQuery and jQuery-ui library


  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>

2. Now you need to initialize sorting flavour


  <script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery(function() {
            jQuery(".sortable").sortable({opacity: 0.6, cursor: 'move', update: function() { }});
        });
    });
  </script>
… 58 more words
JQuery

Angular with JQuery

Angular is a powerful framework for creating single page applications, it boasts bi-directional data-binding and use of directives (ala web components). Angular comes with an initial learning curve with its own syntax and custom elements. 431 more words

Web Development

Web Development???

I recently took up a new hobbie which quickly became my new obsession :P it’s  a little bit different to my makeup and beauty addiction! 1,003 more words

Woman

How to Find the Right Tool in SharePoint Central Administration Faster

Probably it’s not just because I’m a developer and not an IT-Pro, but when working with the Central Administration of SharePoint I often ask myself questions like these ones: 2,370 more words

SP 2010

A utility for tracking notifications in knockout js

We’re developing a web site at the moment with a relatively liberal usage of javascript – not quite a single page application, but it has some fairly advanced controls. 540 more words

Software Development

jQuery 2.0 Development Cookbook

Though I have reviewed many software and hardware tools in the past this will be my first book review:

jQuery 2.0 Development Cookbook

First I must say really liked the examples that are used throughout the book. 277 more words