jQuery UI dialog is a simple way to create overlay/popup content in web development. Include jQuery UI and you could wrap the content in a overlay/popup using the following Javascript.
Continue reading jQuery UI – Add background color on Dialog overlay
Tag Archives: jQuery UI
Drupal 7 – Implement jQuery UI features
jQuery UI is included in Drupal 7 core. By default it is not included in every page, so if u want to implement those jQuery UI features, here is the little tricks you need.
For example, i will to implement the jQuery UI tabs in a node body. In that case, you need to use PHP code as the input text format. ex.
Continue reading Drupal 7 – Implement jQuery UI features
jQuery UI Drag and Drop Example
The following html makes use of the jQuery UI to implement a simple drag and drop feature. Make sure you have download the jQuery UI and put those files in the correct directory. Continue reading jQuery UI Drag and Drop Example
Drupal – Using JQuery UI
You can make some JQuery UI function with the help of the JQuery UI module. For example, the Date module of CCK allows the Date Popup feature which required JQuery UI. The current support version for JQuery UI is 1.6.
1. Let’s download the Date and JQuery UI modules and extract them into sites/all/modules. We also need to download JQuery UI 1.6 library to sites/all/modules/jquery_ui. Continue reading Drupal – Using JQuery UI
Integrate CakePHP and jQuery UI
jQuery UI provides many fancy user interfaces for web developers. You can follow the steps below in order to use jQuery UI in CakePHP.
1. Download the jQuery UI library at jqueryui.com
2. Unzip the downloaded archive and copy the css folder and two .js files to <CAKEPHP_PROJECT>/app/webroot Continue reading Integrate CakePHP and jQuery UI
Eureka! 