jquery-ui

Create more serious looking jQuery error dialog?

Is there a jQuery UI class you can use to create a more severe looking error dialog box than the one below? This is the HTML we use to create the dialog: <div style="display:none" id="div-dialog-warning"> <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span><div/></p> </div> And this is how we ...

jquery effect for to simulate turning pages in a book

Looking for an effect similar to: http://issuu.com/nanomag/docs/nano_light ...

JqueryUI Dialog. Unable to trigger from html form

Works fine with a text link to fire dialog - but lasts for about .5 second if triggered from an html form submit button. Sounds crazy! Yep, just cannot get it to work. Help! $(document).ready(function() { $('#rating-0').click(function() { $('#dialog').dialog('open'); }); $('#dialog').dialog({ autoOpen: false, height: 280, modal: t...

jquery UI slider changes while sliding

I am using a jquery UI slider on my document. The slider changes the size of the text. In Firefox, the slider maintains the pointer cursor during hover and during the slide action. However, in Safari and Chrome, the cursor changes to the text selector when sliding. I have tried changing the css for .ui-slider-handle to set cursor:pointe...

How to override jQuery UI Widget Styles and Keep the Functionality

I am using jQuery UI for an in-house application. I am looking for an easy way to remove all style information provided by jQuery UI on a given widget instance. I'm open to really anything, but a reusable javascript solution would be perfect. It's absolutely imperative that no functionality is lost. the most important thing is that...

Events in jQuery UI Datepicker with json data source

I want to display events in the jQuery UI Datepicker. I want the days that have events to be styled differently from days that don't have events, and I want to display a custom tooltip with the event details when hovering dates with events. The solution to the question "jQuery UI Datepicker with jQuery tipsy" gets very close, but doesn'...

I've placed a <canvas> element inside a <div> and it dissapears. What gives?

I'd like to to make the canvas element (processing.js) resizable using jquery. ...

put All jquery Scripts in master page.

Hi. i am using jquery and jquery ui plugins in my web application. and i have some asp.net server controls that they register their scripts on the page. Since my application should be work Local could i put all scripts in master page ? all scripts i mean jquery script and jquery Ui scripts such as DatePicker Dialog and effects. or is the...

display jquery dialog till data is loaded.

Hi, I have 2 div one to load data from an ajax request and another to display Jquery dialog with gif image which says loading. The jquery dialog is displayed when the page is requested while the ajax function gets the data from the controller. I want to close the dialog when the ajax function completes the request but not sure hot to ...

jQueryUI dialog box height grows too tall

I have a jQueryUI dialog box that loads its content the moment someone opens it using the "open" event to initiate the $('#dialogDiv').load() call. Works great except the dialog box grows extremely tall if there's a lot of content being loaded. What I want is to limit the height. The maxHeight jQueryUI dialog option would seem to work...

jQuery accordion - link to open certain div

Hi all, I am having a nightmare trying to get this working (and have looked at other posts but am still having an issue). Basically I have a link like this: /test.php#bob on test.php I have this: <div class="accordion"> <h2>Customer care</h2> <div> <p>xxxxxxxxxxxxx</p> </div> <h2 id="bob">Strong leadership from start to finis...

jquery ui token

hello i have followed this tutorial wich uses jquery UI to generate tokens facebook like: http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/ my problem is i need to pass two values thru Json: the ID and the NAME: the server side script looks like this: header('Content-Type: text/html; charse...

RegisterClientScriptBlock In userControl

Hello. This is my jquery and javascript code : <script type="text/javascript"> $(document).ready(function () { //setup new person dialog $('#dialog').dialog({ modal: true, modal: true, // show: "clip", // hide: "explode", autoOpen: false, title: "انتخاب فاکتور"...

jQuery UI Slider moving upwards and disappearing in the div when used

I've replaced a MooTools slider with a jQuery UI slider as our content management system uses jQuery and various other jQuery UI elements. I've run into a problem where on Firefox and Chrome the slider bar (it's horizontal) seems to move up into the div when sliding it, and thus hiding the slider. It seems that it does this in every seco...

Is it possible to have a jquery scrollable and jquery slider on the same element

The question says it all. Please Help. Thanks in advance. ...

Function to remove background-images for an element and all its children via javascript

I would like to remove all CSS background images for a given element and all of its children with Javascript. This question is sort-of a spin off on another question I asked. The end goal is the same, to skin jQuery UI widgets. I am currently using jquery/jquery-ui if any of would use these to solve the problem. Any ideas? bonus: ...

jQuery UI Datepicker - date being inserted on close

I have just recently upgraded to the latest version (1.8.5) of jQuery UI and noticed a change of behaviour in Datepicker widget. If you open the Datepicker and then click/tab away (i.e. don't press the 'Done' button) the auto-selected date gets populated in to the input field. I was previously using version 1.7.2 and with this version ...

Why do images need to be surrounded in div/span elements for effects to work properly?

I don't particularly understand why an image would work in a span, but not by itself. See complete example here. JS $(document).ready( function () { $('#banner').hover( function(event){ $(this).children().hide("slow");} , function(event){ $(this).children().show("slow");} ...

Jquery - Finding Alt Text for Current Image

Using Jquery UI to make a form where when you drag an image to an input, the alt text is parsed as the value of the input. I have this working fine for 1 image but, I want to make it so it pulls for the current image ( so that I dont have to specify the ID's of all of the images ). See the script below: <script> $(function() {...

Fading colour of links on mouseover mouseout with jQuery

Im trying to achieve a nice fade to color effect when you mouse over links in jQuery. So far I have: $('a').hover( function () { $(this).animate({ color: '#fff' }, 1000 ); }, function () { $(this).animate({ color: '#000' }, 1000 ); }); Which actually does work fine. However, imagine if the links are navigation, being close ...