Internet Explorer not showing modal dialog
Hello folks :) I want to open a modal dialog while saving data. It works in every browser other than IE. Today I did an alert('Test') after the modalAction - and voilà - the modal dialog is in the background and waits till the saving is done. Anyone got an idea, why? And how could I make it work now that I know that It should work ... function saveFormBlock(param1,$otherParam) { modalAction("Things are saved!"); alert('Test');P.S.: Debugging in IE says, IE gets to the right jQuery-Functions...
problems with unchecking checkboxes
Hi, I'm using jquery-UI-package (version is up to date). So i love it but now I have problems with checkboxes. I want to uncheck it with javascript. This my Code: var checkBox = document.getElementById("checkBoxId"); if (checkBox.checked) checkBox.checked = false; The checked-flag is set to false, but the checkbox-button looks like it is still checked. If I click that button ones more, for the user happens nothing. In real, the flag changes from false to true, but because the button looks
jQuery Position Logic: Shouldn't this work in Safari?
This works in Firefox and even IE 6 but for some strange reason, it isn't working in Safari. I'm probably missing something in my code but I also noticed the same issue with the jquery site: http://docs.jquery.com/UI/Position If you hit that page with Firefox, the blue box appears on the right side. But if you hit it with Safari, the blue box appears on the left side. Any thoughts on what's going on? Thx. $(document).ready(function() { $("#myRedBox").position({ my: "left top", at: "left top", of:
How to transmit data of restricted dates to the datepicker?
Greeting. Apologize for the poor knowledge of the language... I have a question. I need to transmit the data of the restricted dates to the DatePicker, but i can't find on the site info how to do it. I made the reservation for the sanatorium, and a visitor on the site should have see which rooms are free on a certain date range. But how can i transmit this data to the DatePicker? And how this date should be like? Sorry again for my poor language.
datepicker range maxdate
I am trying to use the example for the datepicker date range. I'd like to limit the range to not allow any dates after today. I have tried to put maxdate here... var dates = $( "#enterfrom, #enterto" ).datepicker({ maxDate: "0", changeMonth: true, onSelect: function( selectedDate ) { var option = this.id == "from" ? "minDate" : "maxDate", instance = $( this ).data( "datepicker" ), date = $.datepicker.parseDate( instance.settings.dateFormat
Tabs broken in 1.8.11 ?
Just used the themeroller to generate new css and js files (created jquery-1.5.1.min.js and jquery-ui-1.8.11.custom.min.js). When I lined them to an existing page with existing tabs(previously 1.8.7), the tabs broke broke -- all content displayed vertically under the first tab, no ability to navigate to other tabs. I checked the demo file in the download package (jquery-ui-1.8.11.custom/index.html) and the tabs are broken there too. Is this a problem with 1.8.11 or could themeroller be having problems?
How to use autocomplete/combobox but restricting choices to the select list only?
Hi, I'm investigating if I can use a JQ UI combobox for my page instead of the existing select box. The problem with my current select box is that it is just too long, and users spend too much time searching for the right value. I'd like to use the combobox instead, but can't see how to limit the choices that the user can enter to what is in the drop down list. It seems as though the user can enter any value into the combobox. Is there a way to limit the user's options to specifically what
jQuery UI Autocomplete After request hook/event?
Hi, I'm using jQuery UI Autocomplete search and open events. But the open event is only called when the request is successful and there are elements. There does not seem to be an event when the response is successful but empty. I display and hide a spinner logo when triggering the request, like this : search: function() { $('.spinner').show(); }, open: function() { $('.spinner').hide(); } This works well when there are elements in the server response but if the server response is empty the spinner
autocomplete: how to hook on on blur events?
hi I've a autocomplete on top of an input text and I would like to hook in each time the user changes something in it. I tried to put a blur() on it but then the autocomple behavior wasn't working anymore. How can I get both ? For some willing to know, I'm trying to do an autocomplete where only the values selected from the list of choices are accepted. Any hint welcome
drag and drop: draggable divs disappear
Hi, i am experimenting with the drag and drop feature but it wont work. Maybe someone can check it. i have a table <div id="content"><table> <tr><td><div id="id1" class="dragable" style="width:10px;height:10px;background:green"></div> Hello World</td></tr> <tr><td><div id="id3" class="dragable" style="width:10px;height:10px;background:green"></div> Hello World</td></tr> <tr><td><div id="id3" class="dragable" style="width:10px;height:10px;background:green"></div> Hello World</td></tr> </table></div>
jQuery 1.5: button() fails when id of input contains dots or square brackets
See fiddle http://jsfiddle.net/kiequoo/Efrzu/2/ The error generated is Uncaught Syntax error, unrecognized expression: [for=actualResponses[0].answer1] Which suggests the selector being generated to select the label should be [for="actualResponses[0].answer1"] If the id is changed to remove the dots and square brackets it works fine, see http://jsfiddle.net/kiequoo/Efrzu/3/
Horizontal li resizble
Hi all, just wonding if im missing something here , i have a list with items i want to resize, if the list is vertical everything works fine, but when i add in the display:inline; to the li the drag markers appear but nothing happens and i cant make the items resize, all the cursers change its just not playing the game. Any help appreciated .dayStrip { padding:0; margin:0; color:#fff; font-family: arial, helvetica, sans-serif; list-style-type:none; width:700px; background:red; } .dayStrip li { display:inline;
Draggable Droppable Reset
Hi, is there a way I can reset the ui once the draggable object has been dropped onto the droppable object? I have a draggable object (which has 'revert' to original position set) and a droppable object, Once I drag and drop the object onto the droppale area I can not reproduce the same effect when i drop the same object again. Im not sure if its the 'draggable' or 'droppable' object thats needs resetting? or if its the full ui? Hope ive explained correctly. Kind regards, paffley
pass a string from jQuery to php
In a tiered Autocomplete, I need to pass a string from the first selection into a php script to limit the search in the second tier Autocomplete. After much research, I can't get the string to the php. All files are in the same directory. Here's the jQuery: //set countryFilter for the 2nd tier to select stateProvince from only the country selected in the 1st tier countryFilter="countryAbbrev=" + $('input[name=country]:checked').val(); //eg. countryAbbrev=US $('stateProvince').autocomplete
tabs used to work in iPad Safari but now they don't -- content truncated
Last year I retrofitted my website to use jQuery tabs (1.4.2 with 1.8.1) and it worked on all browsers and iPad Safari. But since then it has gotten broken on iPad only (still working everywhere else). I believe it was in conjunction with the recent iPad O/S upgrade, though I'm not absolutely certain about this because I just found this problem yesterday when I happened to borrow an iPad. The tabs are now truncating content -- but not always-- and not always in the same place in the document :-(
asp .net Gridview inside Dialog
Hi ! I'm using jquery from about 6 months inside .NET environment. Now I'm using jquery UI Dialog inside an aspx page (.NET 4.0 framework). I'm having a problem saving data from gridview but now I explain better : I have a page with other fields, a div (dialog) and inside a usercontrol that contains update panel and a gridview inside the contenttemplate of updatepanel. I push a button that save data on page, do a databind of the user control and then I run a Script that show the jquery dialog.
fadeOut and tabs
I wanted to verify that effects don't work on multiple tabs. For example, I want divs on multiple tabs to fadeOut when I click a button, and I'm finding that... $(".divs-in-question").fadeOut(1000); ...only works for the active tab. I found a workaround, but I wanted to make sure it's kosher: window.setTimeout(function() { $( ".divs-in-question").css("display", "none"); }, 1000); I thought I could put the css code in the fadeOut's callback, but it executes immediately thus negating the effect.
Button becaming disabled after going back in browser history
Hi guys i am using jquery 1.5.1 and jquery-ui 1.8.10. Here is I am asked the same question on stackoverflow http://stackoverflow.com/questions/5368826/button-becamind-disabled-after-going-back-in-browser-history still no responses there. Just duplicate this question here: I have such button: <button value="1" name="submit" disabled="true" id="signup-bb" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled ui-button-text-only" role="button" aria-disabled="true">
Saving multiple dialog positions
Hello, I just found this fantastic framework and just created a page with multiple dialog's. The page you can find here. My question is, how can i save all the content + positions from the dialogs? I used google and this forum but didn't find anything usefull. Kind regards brantje
Having problems using JQueryUI in facebook.
How do I decrease the width of this? Works perfect on Safari. Too wide for Firebird, Explorer and Chrome
Dynamic jQuery API Browser?
Folks, What is this built with and especially is the hierarchical menu (on the left side) a public jQuiry UI widget or something that was custom done? Here take a look http://api.jquery.com/browser/ Regards, zdravko
Progressbar for an upload
I was looking into using the progressbar for an upload process and I cannot find documentation that covers or supports that. Does anyone have the configuration to use as a progress bar for uploading files?
Error with jQuery Dialog
I'm dynamically creating a dialog and filling it with local data, however when it gets created it always appears on the top left corner of the page(not the viewport) and when I try to resize Firebug gives the following message: "uncaught exception: Dimensions: jQuery collection is empty" and of course the resize doesn't work. Here is the code for reference: var id = Math.floor(Math.random()*1000); var $preview = $('<div></div>'); $preview.attr('id',"research_preview"+id); $('body').append(
Accordion Multiple Submenu
Hi, I'm a newbie to jquery, very much interested to learn it. Trying to write an accordion menu (mouseover menu expand) with multiple submenus, and the structure is built at runtime. Problem: I see the menu created good, but when hover on submenu to see further submenu items, it collapses the parent menu. I basically trying to write something like this (but on hover) - http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index-multi.php For instance, when hover on 'Discounts' the menu
Trouble with Nested Resizables
I am using jQuery UI's resizable for nested divs, like so: <div id="resizable1"> <div id="resizable2"> </div> </div> I'm running into a problem where disabling resizable 1 also disables resizable 2. So, if I call the following... $("#resizable1").resizable("disable"); ...then I can no longer resize resizable2 either. Has anyone else encountered this, and know of a way around this behaviour? Thanks!
OK - I need your help with droppable/draggable menu
Hi people - I need Yours help. I have html menu: <div id="tree" style="cursor: move;"> <ul> <li class="draggable" id="recordsArray_6"> <span class="droppable">PORTABLE ELECTRONICS</span> <ul> <li class="draggable" id="recordsArray_7"> <span class="droppable">MP3 PLAYERS</span> <ul> <li class="draggable" id="recordsArray_8"> <span class="droppable">FLASH</span>
unable to view dialog after loading html and clicking again
Hello, I'm trying to set up dynamic dialogs based on the click of specific links. For example, when the link with the id of 'link1' is clicked, content from an html page is loaded into the dialog div and then the dialog is displayed. This works once, but when i close the dialog and click the link again, I get nothing. How can I ensure that when i load content from an html file, this will work properly everytime it's clicked? I'm obviously not doing something correctly here. Thanks in advance
Slow jquery dialog open
I noticed that jquery-ui is very slow when opening a dialog with some 50 or so links on it. I profiled it using IE 9 profiler, and found that most of the time is spent in the following part of the open function: // set focus to the first tabbable element in the content area or the first button // if there are no tabbable elements, set focus on the dialog itself $(self.element.find(':tabbable').get().concat( uiDialog.find('.ui-dialog-buttonpane :tabbable').get().concat(
runat="server"
Hi, I was wondering why when using the UI slider that it doesn't work whenever I make the input box runat="server". Works: <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" /> <div id="slider1"> Doesn't work: <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" runat="server" /> <div id="slider1"> Thanks for the help...
Themeroller - Cannot edit existing themes on the jQuery Website
Yesterday, I was using Themeroller to create my own variation of UI lightness. I go here: http://jqueryui.com/themeroller/ Click 'Gallery.' Click 'Edit.' 'UI Lightness' shows up in the 'Roll Your Own' section. Yesterday, all of the colors, attributes, etc. would appear in the menu, and I could edit them. Now, the colors show on the Themeroller screen, but when any edits take place (e.g. Font Settings: 1.7em from 1.1em), it reverts to an all-grey theme. I have cleared my cache, restarted my computer,
the edit link on Gallery does not allow me to edit the existing theme
Hey all, I go to http://jqueryui.com/themeroller/ And I select gallery Then I choose "edit" for the Redmond theme to customize theme But all it does is update the theme to reflect Redmond But if I want to just change one color like the background color for header, there is no option here to do that. I have to go to Roll Your Own theme and that sets the theme back to gray not the Redmond. So then where can I customize an existing theme? Clicking on edit icon to customize theme does not allow me to
jQuery UI tabs - How to cahce only specific tabs?
is it possible to cache only specific tabs in a jquery tab widget? for example i have a tab: $(function() { $("#tabtab").tabs({ spinner: "", cache: true, ajaxOptions: { async: false, error: function( xhr, status, index, anchor ) { $( anchor.hash ).html( "foo" ); } } }); unsorted list has 10 <li> is it possible to cache <li> 0/1/2, but not to cache 3 to 9? i have no idea how to do this
Sortable in Sortable?
Heyho, I'm trying to create a sortable container into another one, basicly it works well. But when i start to drag Elements from the inner sortable to the outer one it starts to flicker. http://jsfiddle.net/x34WN/ The background of this is: I want to create "Portlets" on the site that are sortable, but the content of the Portlets should be also sortable. If someone got an Idea, im open for anything :> Thanks in advance.
Add animation step callback to jQuery UI effects?
Hi! Would it be reasonable to add a per-animation-step callback to jQuery UI effects? So that when you e.g. hide() something, http://jqueryui.com/demos/hide/ then, on each hide animation step, the per-animation-step callback is invoked. Background: I want to redraw SVG arrows on each animation step, when e.g. something is slided/folded in/out. I've done this for the Resizable interaction (there's a resize event, triggered on each resize step). But for jQuery UI effects, there are no per-animation-step
Nested Tabs!!!!
I have a nested tab scenario <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> </ul> <div id="tabs-1"> <div id="childtabs"> <ul> <li><a href="#tabs-1-1">Child Tab1</a></li> <li><a href="#tabs-1-2">Child Tab2</a></li> </ul> <div id="tabs-1-1">content</div> <div id="tabs-1-2">content2</div> </div> </div> <script type="text/javascript"> $(function()
about: .accordion("option","event",'mouseover') invalid
js code: $( "#accordion").accordion(); //set event 'mouseover' on which to trigger the accordion $('#accordion').accordion('option', 'event', 'mouseover'); but seen not take effect~ then: alert($( "#accordion").accordion("option","event")); print:'mouseover' how write when I want to set event on which to trigger the accordion. not at initialization ($( "#accordion").accordion({event:"mouseover"})) thanks~ 饭疏食饮水，曲肱而枕之，乐亦在其中矣。不义而富且贵，于我如浮云。
DatePicker Size
I am viewing my datepicker with no problem but it is twice as large as the examples, any ideas what I need to do to make the calendar smaller like the example you show?
datepicker updating wrong tab
The datepickers in tabs-2 will update tabs-1 even though the selecter used explicitly states tabs-2. How do I get the datepickers to update the tabs they are on? <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Datepicker/Tabs</title> <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/start/jquery-ui.css" type="text/css" rel="Stylesheet" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
jQuery UI Accordion - 3 levels with current page function
Hey guys. Working on a clients website the last few days. Have been half looking at different accordion menu options. Obviously I want to use jQuery and I really like the options the UI Accordion offers (like current page function). What I need from the accordion, which may or may not be possible using the UI one, is a third (and possibly fourth) level. Finding a reliable way to have the accordion get the current page and stay open has been an issue. I've tried a few ways but things dont seem to
How to get selected date + 1day with datepicker??
Hello, I am using datepicker and i have two input fields (i.e. Arrival and Departure). How do i set Departure date to be arrival Date + 1 day?? i have the following function with arrival onClose function clearEndDate(){ var date = arrival.datepicker('getDate'); departure.datepicker('setDate',date); }Which set the departure date to be equal to arrival date. any suggestions?
Next Page