Friday, May 18, 2012

How to use jquery in Drupal 6

Steps
* http://drupal.org/project/jquery_ui

external module

* Copy the jquery_ui module directory to your sites/all/modules directory, so it
  is located in sites/all/modules/jquery_ui/.

* Download the jQuery UI 1.6 release from:

    http://code.google.com/p/jquery-ui/downloads/list?q=1.6

* Put the downloaded archive into the directory:

    /sites/all/libraries/jquery.ui-1.6.zip

* Extract the archive.  This will create the following sub-directory:

    /sites/all/libraries/jquery.ui-1.6/

* Rename the sub-directory into "jquery.ui":

    /sites/all/libraries/jquery.ui/

  so the actual jQuery UI JavaScript files are located in:

    /sites/all/libraries/jquery.ui/ui/*.js

* Enable the module at Administer >> Site building >> Modules.


 Drupal module

add following line in module

drupal_add_js('sites/all/themes/themename/js/filename.js');

 jquery_ui_add(array('ui.draggable', 'ui.droppable', 'ui.sortable'));

jquery_ui_add('ui.dialog');








No comments: