jquery-ui

Override jQueryUI dialog default options

I want to be able to create modal dialogs, with, for example close: function() { $(this).remove(); } default option, without need to specify those on dialog creation, but somehow override those parameters on one place. Is this possible? ...

Reload Jquery UI Parent Dialog

All, When I click a link on a web page, a JQuery UI Dialog opens up and it loads some ajax content into it. If I click a link inside this dialog, it opens up a child dialog. When I click "OK" in the child dialog, I want the child dialog to close and refresh the ajax content in the parent dialog. How can I do this? Thanks ...

iFrame inside Jquery accordion

I have a page that has an iFrame embedded inside a JQuery accordion. JS: $(function() { $("#doc_accordion").accordion(); }); HTML: <div id="doc_accordion"> <h3><a href="#">1</a></h3> <div> <iframe src="http://test.com/view.do?url=http://test2.com/...

How to close a jgrowl manually

All, How to close and open a jgrowl manually jQuery("div.jGrowl").trigger("jGrowl.close"); The above code doesnt seem to work. Thanks. ...

jQuery UI bounceslide animation not working?

Hi, i'm trying to use the animation 'bounceslide' but I'm not seeing any bounce! Any ideas - I'm pretty new to jQuery. Thanks <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Accordion</title> ...

Need help with jQuery UI Accordion navigationFilter option

I'm building an accordion for navigation. Each section of the accordion has a set of links. The firing code looks like this: $(document).ready(function() { $(".selector").accordion({ collapsible: true, active: false, navigation: true }); }); This all worked fine and dandy until one of the links in each ...

start /stop jquery menu

when using jgrowl and if we invoke the following to close all the menus $.jGrowl(data); $.jGrowl('shutdown'); How to start it back. The following gives an error $.jGrowl('startup'); Thanks. ...

jquery ui-menu plugins

All, Is there any light tool in jquery which produces a menu like tipsy tooltip or jgrowl with onclick event Thanks. ...

How to Restore an Element Removed with jQuery?

if an element is removed using $('.notification').remove(); How do we create it back. ...

How to add a footer to the popup dialog in jquery?

I am trying to create popup using the jqueryui dialog. I am trying to add a footer after the content in the dialog. my dialog should look like <popup> header-html content-html footer-html </popup> The dialog already has header and i can put content in the div. But, how can i add the footer html?? I want this footer to be there ...

Jquery submit multiple links

Hello, I have a page where I am displaying a list of users and next to each user - there is "Add as Friend" link. Now when a user clicks this "Add as Friend" link - I want to call Jquery and submit that request to the backend PHP. Typically my experience with Jquery involves having a single form in the page and submitting that form vi...

Jquery identification of program syntax

Is there any jquery Plugin:1.which can identify a programing language and highlight its syntax. ...

jQuery initialization order.

I'm building a page where I want to use Galleria script (http://devkick.com/lab/galleria/) and jQuery's Accordion widget to hide away different categories of gallery's thumbnails. In my initialization I wrote as suggested by both scripts' manuals: <script type="text/javascript"> jQuery(function($) { $('ul.gallery').gall...

JQUERY UI Modal Tutorial

Can anyone provide a clean example of how to use JQUERY's UI Modal dialog. Surprisingly it's not as simple as you would think. Goal: clicking an element loads a modal The modal appears showing "Loading..." And then makes an ajax call to get the contents of the modal The modal can be closed by clicking a close btn or by pressing escap...

How to use jQuery themes to style your site

I've been trying to setup a very simple example using jQuery themes. I haven't been able to get it to work. I want to use the same themes to format some links and buttons so that they blend in when I bring dialogs and others. So far I have this very simple example which does not render correctly: <!DOCTYPE html> <html> <head> <...

How to put a right aligned link in jQuery tabs?

I have three jQuery tabs on the left. I wish to put a "Sign Out" link on the right within the tabs header. How I can achieve that? ...

jquery weird error in jgrowl

All, I use jgrowl to display certain content ,and i had got this weird error today $(this).data("jGrowl") is undefined in jquery.jgrowl_compressed.js file in line 59 which points me to the followong line, $(this).data("jGrowl").created=new Date(); And in my project js file i have the following code if (data) { $('.jGrowl-notifi...

Jquery datepicker css problem

Hi, I have a problem with the CSS of the datepicker, I downloaded a default template for the UI, but it's different when I use it on my page. I've read that the template uses em so that the size is relative to my page. What can I do to make it the size of what is in the demo without changing the css in the theme that I downloaded? ...

JQuery drag/scrolling/overflow issue.

I have a scrolling:auto problem with JQuery 1.4.2 and JQuery 1.7.2. I have a container DIV with 2 DIVs inside it. Like this: <div id="dragContain"> <div id="dragMe"> <div>Title goes here!</div> <div style="scrolling:auto;">Content goes here!</div> </div> </div> And I enable dragging the group by: $('#dragMe').draggable({ co...

jQuery Keypad z-index issue with a modal dialog

Hi everyone, I'm using a jQuery modal dialog (see link) with an element that uses jQuery keypad (link). Firebug shows me that the keypad is coming up but behind the dialog. I tried using bgiframe() but it doesn't work. What could be wrong? $('.dialog').find('#test').keypad(); $('#keypad-div').bgiframe(); keypad-div is the div that ho...