jquery-ui

css properties for a jquery dialog

How to add the following properties to a jquery ui dialog? background-color:white; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8 and the dialog properties are $bottombar = $(".bar", "#view").dialog({ height: 475, width: '100%', modal: false, draggable: false,maximize: false , stack: t...

JQueryUI Datepicker: Hide "Today" button, but show "Done" button?

The field I'm using the datepicker for is a date of birth, so the "today" button is obsolete. However, I'd like to give users the chance to hide the datepicker and type the date themselves. Is this possible? ...

JQuery UI: Containment on draggable element is buggy

A site I'm working on has an image zoom, and the zoomed image is draggable. The problem is that on the current version you can zoom in and then drag the image totally out of the viewable area. See: htt p://testing.successfulsites.co.uk/s5/1.3.5.1.html (and zoom in) (sorry about the gap in the URL - I'm a new user so can't post more th...

jQuery UI's Dialog doesn't work on ASP.NET

Hello. I have the following test ASPX page: <head runat="server"> <title></title> <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script> <script src="js/jquery-ui-1.6.custom.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { var dlg = $("#dialog")....

jQuery UI Datepicker regional language and max value

I'm trying to combine some options of jQuery UI Datepicker I'm using the code below: $("#<%=tStartDate.ClientID %>").datepicker($.datepicker.regional['tr']); I need to add option for max date which is: { maxDate: '+1m +1w' } Can anybody tell hot to add this parameter? ...

jQuery dialog does not appear on second attempt if using a custom theme

I am using a jQuery dialog with autoOpen set to false. The first time I call dialog("open") it works fine. However, subsequent calls (without a page refresh) do not show the dialog. This problem apparently started when I switched from using jquery.ui.dialog.js, jquery.ui.resizable.js, jquery.ui.draggable.js, and jquery.ui.core.js to a...

How to override a class using jquery

All, A class jquery css class sets the following . .newwidget { border: 1px solid #5a9ee9; background: #5a9ee9 url(t6.gif) 50% 50% repeat-x; color: #ffffff; font-weight: bold; text-transform: uppercase; padding:3px 3px 3px 10px; font-size:10px} How to override this class and add a new class so that i can put different styles in it....

merging json in jquery-ui

What function does jquery ui use to override the default options passed to a plugin on init? My plugin has an option that defaults to "false" and if you specify "true" it does something else. And if you specify an object (a json with more jsons nested) you open a whole bunch of possibilities. i want to set defaults for these options i k...

jquery-ui grid Create Read Update Delete

Using the jQuery library, not any other JavaScript library, if you were to create a grid input for your users, one that allowed users to insert new data, change the description of existing data and delete data, would you do that using an html table with html tr and td tags, or is there some other method of displaying a sheet of data? ...

How do I stop Javascript inside a Jquery Sortable area from executing?

the closest way that I have this happening is by doing a: start: function(event, ui) { $(this).find('script').remove();}, as an event listener to the sortable, but I have a feeling that this is a bad idea. If anyone has a better way of doing I would love to hear them. ...

jquery tab displaying problems

how to get rid of the orange background image in the tabs??? EDIT i tried $('.ul').removeClass('ui-widget-header '); $('.li').removeClass('ui-widget-header '); $('div[id^=tab]').removeClass('ui-widget-header'); $('a').removeClass('ui-widget-header'); but no result! ...

Why does this jQuery resizable handle disappear when the div is updated?

I'm using jQuery UI's resizable function to resize a div containing an image. On initial page load, the div contains someimage.png and the resizing works fine with the code below. The handle appears on the bottom right corner and I can click and drag it to resize the div. jQuery("#imgdiv").resizable(); <div id="imgdiv" class="ui-wid...

JQuery UI Modal only works first time

I am using JQuery UI to show a modal, after I do a lookup on an input field value. This has to fire every time the value changes in the input field. My problem is, that the modal only displays the first time the code is called - not subsequent times. I know the code runs, because I tried putting alerts in there - that displayed just as ...

JQuery UI Selectable plugin: make scroll bar not selectable when div overflows

I have a div that's set to overflow: auto;. This contents of this div are selectable (using jQuery UI). When the div overflows and a scrollbar appears, the scrollbar itself becomes selectable so scrolling doesn't work well. In FF/Chrome, I can scroll the div but I get the selectable outline. In Safari, the scroll bar won't engage at all...

JQUERY is running twice in this ScrollTo Highlight code snippet?

Any ideas given the code below why the highlight is being triggered to run twice? I confirmed it's running twice using alerts which fire more than once. See anything wrong here? //Scroll to the Anchor in the URL, if there is one var destination = $(document.location.hash).offset().top; $("html:not(:animated),body:not(:animated)").animat...

Using beforeShowDay in JQuery UI Datepicker to close out days of the week

Hi, what I am trying to do is grey out some days of the week for a venue for when it is closed. Each venue might be closed on different days. I can use the following code as a test to close out all Sundays: $('#bookingDatepicker').datepicker({ minDate: 0, maxDate: '+3M', dateFormat: 'DD,...

jQuery Overlay/Slide Div Implementation!!

I'm trying out something in jQuery and stumbled upon a site http://pupunzi.com/, on this site, the left hand side has two buttons, when you click on either of them, there is a overlay window on the right hand side that's created. How do I implement a thing like that!! NOTE: This might be a wrong place to ask, please ignore is so and l...

Cufon not working with Jquery UI Tabs

Hi, I am using Jquery UI Tabs, and within some of the tabs there is some text with Cufon applied to it. Works fine in all browsers apart from IE. Example: http://78.136.1.18/taylor_houghton/account_management.aspx All works fine until you click on one of the 'tell me more' links then click back to the far left tab and the Cufonated te...

jQuery - DatePicker showing up on top of text input field.

I have a form with a TextField for entering a date. I have a DatePicker "set" on this field. However, it appears on top of the field. I do not want it to obscure the text field. How do I go about doing this? ...

Flash a container's background orange (like SO does when you navigate directly to an answer)

I want #container's background to flash orange and then return to its normal color. Is there any better way to accomplish this than: var old_bg_color = $('#container').css('background-color'); $('#container').css('background-color', 'orange') .animate({backgroundColor: old_bg_color}, 3000); ...