Download Shareware and Freeware Software for Windows, Linux, Macintosh, PDA

line Home  |  About Us  |  Link To Us  |  FAQ  |  Contact

Serving Software Downloads in 976 Categories, Downloaded 30.073.523 Times

Jquery UI Dialog 6.x-1.10

  Date Added: August 15, 2013  |  Visits: 512

Jquery UI Dialog

Report Broken Link
Printer Friendly Version


Product Homepage
Download (18 downloads)

In ShortIf you are not a developer or asked to install this module as a dependency, you most probably won't have any use for it. This module enables you to use jquery ui dialog in Drupal.Features yet implemented * It enables you to use JQuery UI Dialog library. It also automatically creates an iframe inside the dialog you dont need to care about. This enables you loading normal Drupal pages inside (like FAPI stuff) * Exports a simple API to open/close dialogs o While you can use the api jquery_ui_dialog, or you can also use the JQuery UI Dialog API directly your own way, using the full power of JQuery UI Dialog(well jquery_ui_dialog does not limit it, but makes some assumptions). This is one of the main differences to modalframe o You can also use the JQuery UI Dialog buttons to control the window. * Integrates with the the JQuery UI theme. You can use your own theme for the dialog only (using the namespace), please refer to the docs. * Supports autoresizing and positioning. * Supports loading the IFrame content using POST+Data.the WYSIWYG image upload module is implemented using jquery_ui_dialog. You can see it in action in this videocast: video-podcastCompatibility / DependenciesServer Dependencies 1. jquery_update: Its important uto se the 6.x-2.x-dev version ( so jquery_1.3.x ). 2. jquery_ui: The Drupal module must be version 6-x-1.3 (stable) while the jquery_ui download must be jquery_ui 1.7.x not 1.6 * Refer to this short How-To if you dont know what this is all about.Client Browser Dependencies- javascriptInstallation 1. Download and activate the module 2. Clear the cacheWhy has this module been created?Eventhough a lot of ideas and code has been taken from the modalframe project, this project is different. The modalframe maintainer was not going to support the jquery-ui button (even with provided patches). This is a critical feature to usecases like WYSIWYG Dialogs, because you cannot provide a "similar look and feel" and creating a better usability.In addition you cannot use the general jquery ui themes with modalframe properly, as this would interfere with projects like Tabs or other jquery ui projects. Therefore jquery_ui_dialog has its own namespace where the jquery ui theme is loaded. You can replace that theme and change the look and feel of the dialog that way. This will be a critical point for the WYSIWYG dialogs, as most of the Editors are looking different or have different color-schemas, so the should be addapted.Finally jquery_ui_dialog has been cutted down to nearly the limit, being half of the code-size of modalframe.While you might think "this also could have been implemented in modalframe", the maintainer was not interested in implementing those features.Usage / API DocumentationFor opening a Dialog (Parent) you need.. 1. PHP side: Run the jquery_ui_dialog_parent_js(); method. It includes needed javascript and CSS files. Example PHP function wysiwyg_imageupload_form_alter(&$form, $form_state, $form_id){ if ($form['#id'] == 'node-form' ) { jquery_ui_dialog_parent_js(); $form['#submit'][] = 'wysiwyg_imageupload_form_submit'; } if(strstr($form_state['post']['form_id'],'node_form')) { jquery_ui_dialog_parent_js(); } } 2. javascript side: To open the dialog itself, callDrupal.jqui_dialog.open(arguments);. Arguments are: * url, [string] : the URL of the page to open. If not provided, you have to handle the loading yourself * method, [get/post] : What method should be used to load the url, default is get * data, [object] : Some post-DATA you can pass to the load method (if you use method=post). General format used by jQuery $.post * autoresize, [bool] : You can turn off autoresize of the dialog using this, default is true (on) * namespace, [string] : A class name "-dialog will be added to the main dialog wrapper and to the body of the dialog named "". Use this for dialog-specific styling. (on) * For all the other options please refer the jquery ui dialog documentation http://jqueryui.com/demos/dialog/#options Example javascript var btns[Drupal.t('Cancel')] = function() { $(this).dialog("close"); }; var aurl = Drupal.settings.basePath+'index.php?q=ajax/wysiwyg_imgupl/add/'+form_id; Drupal.jqui_dialog.open({url:aurl, buttons: btns,width:540}); Close the dialog If you want to close the dialog from the parent, use Drupal.jqui_dialog.close();In the Dialog (child)In the dialog you also need to include some javascript. It is mainly used to build up a communication tunnel between the opener (parent) and the opened dialog (child). It handles resize events and so forth. 1. PHP side: run the jquery_ui_dialog_child_js() method. It includes all needed javascript and CSS files Example That method is a menu handler and it returns some upload form which is show in the dialog. function wysiwyg_imageupload_upload_form(&$form_state,$form_id) { jquery_ui_dialog_child_js(); module_invoke('admin_menu', 'suppress'); drupal_set_title(t('Upload image')); $form = array(); $form['#attributes'] = array('enctype' => "multipart/form-data"); $form['image_upload'] = array( '#type' => 'fieldset', '#title'=> t('Upload image'), '#prefix' => '', '#suffix' => ''); _wysiwyg_imageupload_form_add_uploadfields($form,$form_id); return $form; } 2. javascript side: Nothinghook_jquery_ui_dialog_child_loadingImplement this hook if you want to change something when the child dialog is loaded, e.g. included some special CSS files or change the page template and so forth.CSS stylingThe body in the child has the id 'jquery_ui_dialog". You can use this to set "dialog specific styles" if you like to.AdditionsWhen you call the jquery_ui_dialog_child_js() method the jquery_ui_dialog implementation cares about using a stripped down page.tpl which does not show your site-layout. Nevertheless it loads all the javascript and CSS defintions in the page, so you still see the elements designed your way. So this helps you to put your work into designing the dialog only, not removing the layout everytime.If you dont understand the documentation or think, there is something important missing, or you have written a howto i might should link here, just let me know and open an support issue. Thanks.Contributions / IssuesContributions are highly respected, also feedback on issues or patches.Feature requestsPlease don't hassle with feature request, but please think about them properly, before you file in a issue-ticket. Please provide a basic outline of what the goal or the benefit of this feature would be. Outline the group of user you think is interested in.Implement them! :)Similar modules * Dialog:Also a jquery ui dialog implementation. Very slim - does not support iframes / jquery ui themes (namespaced) * Floating Window Looks like a very slim integration (not iframe). Promising. * Modalframe: Also a jquery ui dialog implementation. Has quiet a long history and some contrib modules using it. * Popups API * Colorbox: Implementation of colorbox, could be promising (but buttons missing) * Thickbox * Lightbox2This plugin was sponsored by KontextWork GbR for the enterprise Wiki based on Drupal called Drupal WikiIf you like the module, please write a comment herehttp://drupal.org/node/708130 to motivate people working on it!

Requirements: No special requirements
Platforms: PHP
Keyword: Buttons Child Dialog Drupal Jquery Jquery Dialog Method Modalframe Module Namespace Support Theme Vascript Wysiwyg
Users rating: 0/10

License: Freeware Size: 20.48 KB
JQUERY UI DIALOG RELATED
Modules  -  jQuery Carousel Output Method for Gallery API 6.x-1.x-de
This module provide jQuery Carousel output method for Gallery API.More description coming soon...
20.48 KB  
Modules  -  Drush Site Install 6.x-1.0
Out of the box Drush offers support for Drupal 7.x site install.This module provides support for Drupal 6.x site install as well (without any http calls to a running server).InstallAssuming that you have drush already installed.drush dl...
10 KB  
Modules  -  Modal Frame API 6.x-1.7
This module provides an API to render an iframe within a modal dialog based on the jQuery UI Dialog plugin. You should not install this module unless another module requires you to, or you wish to use it for your own custom modules.It is an...
30.72 KB  
Modules  -  Dialog API 6.x-1.0-alpha2
The module provides an API for creating and updating javascript dialog windows using the jQuery UI Dialog widget and the CTools ajax framework.Core module supportThe module also supplies several sub-modules that provide dialogs for core modules....
10 KB  
Miscellaneous  -  jQuery CKEditor Plugin 0.40
This is a jQuery plugin to help developers include and integrate the CKEditor WYSIWYG editor in their projectIt integrates single or multiple CKEditors with the jQuery Form Plugin and enables the content of CKEditor to be submitted via AJAX.It...
71.68 KB  
Modules  -  jQuery++ Integrator 1.4
This plugin brings jQuery, jQuery UI and jQuery Tools to your site. It supports grabbing the libraries from both Content Delivery Networks (CDNs) and local copies, allows to activate jQuery.noColflict() mode if necessary. As well it already...
10 KB  
Modules  -  Go To Top 0.0.6
Add a "Go to top" link to your posts, this is a wordpress plugin which base on jQuery, jQuery Easing and Scroll to Top v3installation : 1. Upload the plugin folder to the /wp-content/plugins/ directory 2. Activate the plugin through the 'Plugins'...
61.44 KB  
Modules  -  Guan Image Notes 2.0
This plugin allows you and your visitors to add comment as textual annotations to images by select a region of the image and then attach a textual description, the concept of annotating images with user comments. The text is intergrated with...
10 KB  
Modules  -  LoginToboggan 1.0
The Login Toboggan module offers several modifications of the Drupal login system in an external module by offering the following features and usability improvements: - Allow users to login using either their username OR their e-mail address. -...
 
Modules  -  Queue Mail 6.x-1.x-de
Queues any email sent from your Drupal site for the Job queue module, which in turn sends them via cron.Useful for high traffic sites that send a lot of emails.Note that MailQ is similar in goals, but implements the batching itself, rather than...
10 KB  
NEW DOWNLOADS IN SCRIPTS, MODULES
Scripts  -  Free Ecommerce website creator 1.2
Free Ecommerce website creator is a free PHP shop creating script. This allows you to put a online shop on your own website. Create your own free ecommerce website for Your Business. Create an online shop using easyGUI online shop creator. The...
1.44 KB  
Scripts  -  MochiGames PHP Script ZDR 1.00
MochiGames PHP Script ZDR is web site, ready for use, for flash games. These flash games are downloaded automatically by "MochiGames PHP Script ZDR" from MochiGames media. The use of the games is free, you can use your own Mochi Publisher ID and...
368.54 KB  
Scripts  -  Php Chat 2.0
Add a free php site, single sign-on and multiple skins, 100% free 1. Server Modes: The chat server has paid mode and free mode. If the free chat mode, a free chat room will be assigned to your website with your domain as the room name. 2....
938.87 KB  
Scripts  -  Nibbleblog 3.0.1
Nibbleblog it's a powerful engine for creation and manipulation of BLOG's completely free. Very simple to install and configure (Only 1 step). The database used is based on XML files and this way it is not necessary to use MySQL or similar DBMS....
371.09 KB  
Scripts  -  PHP File Manager | CloudOsys 2.9b8
CloudOsys is a PHP file manager, a tool that allows your visitors upload files such as media content directly to your website. Your visitors will upload files directly to your website, where they can share and comment on them. Through cloud...
1.41 MB  
Modules  -  TinyMCE Node Picker 6.x-2.1
This module will de discontinued and replaced with Node Picker as soon as a stable release is available.TinyMCE Node Picker provides a button in TinyMCE that displays a list of links to content. Choosing a link inserts it into the editor.The...
20.48 KB  
Modules  -  Fapilicious 5.x-1.x-de
Fapilicious is a collection of FormAPI goodies.I hope to make it a repository of reusable FormAPI trickery and short cuts. Currently it has small collection of powerful FormAPI element validators.Please submit your favorite tricks as patches so we...
10 KB  
Modules  -  Donation Goals 6.x-1.x-de
The Donation Goals module lets you create nodes of the type "Donation Goal." These goals allow you to set an amount of money you'll need for whatever you're saving up for. Visitors of the site can then donate money through PayPal. Once the target...
20.48 KB  
Modules  -  Plica Twitter 1.0.1
Plica TwitterInstallation : * Download, unzip, and install plugin dir in /wp-content/plugins * Activate * All right now
10 KB  
Modules  -  Page Array 5.x-1.x-de
The pagearray module is a small (single function) helper module that can be used whenever there is a need to load the output of any Drupal path in data form. Based on the code in index.php, Page Array bypasses the theme('page') call, instead...
10 KB