Problem with 1.6 version od datepicker in IE6
Hi guys, I have problem with the new version of the datepicker on ie6. Apparently if the date picker is initialized before the body has finished loading it crashes. so i have added a $(document).ready and it works fine : here is the code on 1679 of ui.datepicker.js /* Initialise the date picker. */ $(document).ready(function(){ if (!$.datepicker.initialized) { $(document.body).append($.datepicker.dpDiv); $.datepicker.initialized = true; } }); and it fixes the problem for me.
Inline DatePicker, Range with Multiple Inputs
From the demo page for the datepicker, I found an example of linking an inline calendar with a single input using "altField". I'm trying to accomplish the same thing using an inline range calendar, but I want to link the dates to two inputs instead of one, a start and end date. How would I go about this? Thanks, -Damien
How about animation("pause")?
Hello, I have been using the animate function lately and have come to realize that there's no way to pause and resume and animated sequence. I know there's a stop function but I'm think there should be a pause and resume function as well. For example: $("#box").animate({height:200},10000)...; .... do some stuff here $("#box").animate("pause"); .... do some stuff here $("#box").animate("resume"); You could even make the stop() function a part animate call. for example animate("stop"). This would mean
Autocomplete not working when .focus() is used
I use $('input:visible:first').focus(); to focus on the first form field when a page is loaded. I just added Autocomplete to that same field and the subsequent one. Autocomplete will not return anything in the .focus()'d field unless I blur and then reenter the field. Is this a bug, or am I missing something? I am using jquery.autocomplete.js from bassistance.de This also throws an error saying the "scrollTop" is not a function, but everything seems to work fine.
Slider with defined grid
Hi list, is it possible to use the slider only on a predefined grid, so it can only be moved to certain points? would also be nice to use the slider with a assoc array/object to get a key => value dependency... e.g. [[5, "abc"], [10, "def"], [20, "xyz"] the slider can only be moved within this three fixed positions and there is a label which shows which value is currently selected... (but the numeric values are submitted for internal use) thanks, Markus
Overlay widget
The jQuery Dialog provides an overlay to block interactions with the underlying page while a modal dialog is open. This is really useful, but I'd like to use the overlay functionality without having to open a dialog. For example, I have built a CMS that allows live editing of the page content. When editing of the page is invoked, the main content of the page (the editable area) is overlaid with a TinyMCE editor sized to exactly cover the page content. This works well, but there is a problem in that
draggable containment size - having a problem
There is one problem I have no idea to slove. I have a draggable, and i need a containment for it. But the containment should be smaller than the draggable, and only a part of the draggable should be visible. I thought it should work, if I just set the containment to necessaty div. But now the draggable doesn't behave as it should - it now can't be moved in any direction, after the first move it stays fixed. Is it possible to do what I want, maybe in another way?
Datepicker bug when using 'Next' on last date
When you select the last date on the demo page (December 2018) and then click the 'next' button, it jumps to January of the first year (January 1998). This may be unexpected behaviour for some, especially since when you click on one of the days (say 1st January) it returns 2019 instead of 1998 as the year. If you select January 1998 and click 'Back', the dropdowns state December 1998, but the year is actually 1997 (so you get December 31 1997). Shouldn't yearRange set minDate and maxDate to prevent
fun with draggables and dialogs
http://randombottle.com/ The letters drag. If you double click the bottle image you get a dialog to add new letters (or words). Just throwing this out there for fun, I was surprised how easy it is to make things draggable with UI. -- paul w
Question about AJAX tabs and forms
Hi, I am new to jQuery but I have been having some problems with Tabs. My tabs nicely AJAXed and working excellently, however, on one of my tabs I have a form which posts to itself. The form doesn't work (in that if the user enters incorrect data the server side checking isn't output) as the when the form is submit the page refreshes and displays the first tab... Any ideas on how I can submit the form, post the data, and then display the output on the correct tab without the page disappearing? Hope
Dialogs and rounded borders
Hi I've just started playing with dialogs so I've not spent much time with it yet. Glancing at the docs for theming and the flora css, I was wondering if it is possible to surround the whole dialog (including the titlebar) with a transparent rounded edge border with resizables disabled? Regards Asa
Show / Hide Dialog box
I have a dialog box that works... almost. I just need to hide it now, until the user clicks on the link, then it can appear. I don't know how to hide it so that it shows up properly. I've added display: none; to the #dialogContent line of the ThemeRoller CSS theme for my dialog box. It is not displayed at page load, but the content of the dialog box is also missing. I've also tried adding a container around the dialog box with the same result. How do I fix this? Am I missing a tag / container or
Multiple List Sortable with Restrictions
I've searched everywhere for the answer to this but can't find it anywhere, so I was wondering if anyone in this group could help me out. The situation is as follows: I have 3 lists, and I want users to be able to sort within them and across them. That's the easy part, and works beautifully with Sortable. But here's the trick: depending on what item is being sorted, there are restrictions on its movement. Here's an example. I want users to be able to rank teachers within three different subjects:
Dialog Box Too Small
Thanks for taking the time to read my question. I have a dialog box on my page that pops up after clicking a link. My problem is that when it comes up, it is too small. My content requires the size of the dialog box to be both wider and taller. I've downloaded jquery-ui-themeroller.css from Themeroller. I've tried to add width and height to .ui-dialog, but it doesn't make a difference to the size. I change the border width, and that updates the border... I've tried resizing the background image,
'guid' is null or not an object
Hello Sir, I m a big fan of JQuery.... but wen i tried to use the fade animation to all my anchor tags or any other tag.... then on exceuting the document, my IE & Firefox both showing this JS error: 'guid' is null or not an object.... Kindly, help me to figure out this pro... Thankyou! Ravi Gupta, ravigupta011286@gmail.com
Closing tab when mouseout from entire tab group
I have my tab function defined as: $('#tabs > ul').tabs({ event: 'mouseover', selected: null, fx: { height: 'toggle', opacity: 'toggle' } }); It does the mouseover and transition effects perfectly but I need it to close the visible tab when I mouseout from the tab group. Right now the last tab viewed is staying on the screen. Is this possible? Thank you very much as this will help me immensely!
Gosh, this problem may be too simple
Hi There - I'm using Drupal 5. JQuery UI showed up on my site but when I selected it and saved, I got an error that the "development bundle" was missing, and that I should "extract the files." I downloaded the "development bundle" 1.5.2 from your site and put it in my Modules file. I took 'extract' to mean I should take the development files individually and put them in the JQuery UI file that I had downloaded from Drupal. This did not work, however. Usually, I download modules from Drupal and put
Dialog moveToTop not working
I must be doing something wrong, but it's driving me nuts so hopefully you guys can help me. I want to check to see if a dialog is open and if it is it should move it to the top. var dialogContainer = $j("#my-dialog-container"); if (dialogContainer.length && dialogContainer.dialog("isOpen")) { dialogContainer.dialog("moveToTop"); } On the "moveToTop" line, the javascript error I get is "instance[options] is undefined".
(kein Betreff)
ui tabs + tranfer $_GET
Hi all. First of all, pls excuse my bad english, especialy for the tecnic terms... I use in my website ui tabs. everythings works ok. But i have to transmit GET var in the <div> open by the tab. So i've wrote the <a href..> of the tab like that: echo '<li><a href="index.php?id_mysql='. $donnees_2['id'] . $donnees_2['options'] . '#fragement-' . $donnees_2['id'] . '"><span>' . $donnees_2['nom'] . '</span></a></li>'; where $donnees_2['options'] is, for exemple, &annee=2BAC§ion=mecarat the problem
REL Attribute not supported for Ajax
Hi, This is regarding REL attribute, i have used popup by Ajax and Jquery and calling another one Ajax when i calling Ajax page REL is not supported Please let me know what can i do
PHP Variables Inside of jQuery Tabs
Hello again. This is a followup to this post, in which a page viewed in a jQuery tab fails to execute jQuery code: http://groups.google.com/group/jquery-ui/browse_thread/thread/13afd8c63115a92c The good news is, jQuery inside of tabs works great now, thanks to the LiveQuery plugin. The bad news is, <div>s that use slideToggle break PHP libraries in CodeIgniter (http://www.codeigniter.com). I apologise in advance for bringing PHP into a jQuery forum, but it's more appropriate here than anywhere else.
Dialog leaves the dom messy
I noticed that even when I do the code below and I open and close my dialog, I still have a bunch of divs sitting around in my dom. Of course they are hidden but it seems weird that destroying and removing doesn't get rid of these. var myDialog = $j("<div id=\"myDialog-container\"></div>").load("/ myapp/dialogcontent.jsp"); myDialog.dialog({ close: function(e, ui) { $j(this).remove(); } }); I'm also very new to jQuery (spent years with Prototype) so any suggestions are more then welcome on how I
Minor Combination of Effects (bugs? missing features?)
I'm trying to do minor combination of effects that do a "blind", an "ease", and while fading with "opacity". The documentation on the jQuery UI effects are so lacking of examples and using effect "options" argument. I'm left experimenting and using the jQuery animate documentation (assuming I can some of it in the "options" argument). I tried using "opacity" with numbers "0.1" and "1.0" and strings "show" and "hide", but nothing work at all. The "speed" argument takes string "slow", "normal", and
Proposed Dialog Feature
Let me know if this is already out there, but it seems it would be nice if there was another option for a dialog that if it was set to true it would only allow 1 instance of that dialog window to be open. When it goes to create the dialog window it would check if the dialog window is already in the dom. If it is it would open it and put it at the top of the stack. Right now I'm having to put an if statement around all my dialogs first checking to see if the element is in the dom and if the dialog
YouTube video editor powered by jQuery UI :)
Heya- just wanted to announce a new jQuery UI powered- YouTube video editor: http://youMashTube.com It would've been tremendously difficult without the awesome ui.sortables and ui.slider, thanks! Cheers, Ben
1.6 datepicker
<div dir="ltr">anyone else having issues with the date picker when displaying more than one month? </div>
"Brother" droppable.
I did a little test with jquery ui draggable/droppable. I found a little problem with "brother" element. How to reproduce: Go to: http://offsetzero.com/JQuery/ Drag the green square in the big gray quare 2 time. Resize them and put one over the other. Pick a color (click on the bubble to choose the color) and drag the paint bucket on the intersection of the 2 rectangle u dropped before. They will be colored. The problem is that i don't want to color all of them if they are one over the other... The
Problem with JQuery DatePicker
Hi, I´m using a JQuery with UI (DatePicker) in my site, but I have a simple problem with DatePicker Calendar (this problem is the same of demo (http://dev.jquery.com/view/trunk/ui/demos/functional/ #ui.datepicker), I using Pt-Br configuration, put when I display february/2009 month the calendar display double 14th day. Insite de demo site, the calendar was display in October / 2008 double 11th day.... Can help me about this problem..... I´m using the last stable version of JQuery and JQuery UI Tks,
UI Tabs: How to hide/show a Tab
Hello, I'M using the UI Tabs and it works quite good. But sometimes I need to hide/show a a single tab( panel ) from a UI Tabs. I don't want to remove and add this tab, I just want to hide it... Is this possible? Thanks and greetings, Stefan Sturm
[accordion] Showing categories or recent posts in Wordpress
Hello.Does anybody know how to put recent posts or categories like on this page http://robcummings.com/ ? Thank You John
ui.slider multiple sliders with handles option
Hi Having trouble getting multiple sliders with custom min max values working and not 100% sure I have the syntax right on the 'handles' option. (couldn't find any examples of it's use) $('#slider-beds').slider({ handles: [{start:bedMinMinVal,min:bedMinMinVal,max:bedMinMaxVal,id:'bed- slider-1'}, {start:bedMaxMaxVal,min:bedMaxMinVal,max:bedMaxMaxVal,id:'bed- slider-2'}], range: true, steps: bedStepsCount, slide: function(e,ui) { $("#bed-val-min").html($('#slider-beds').slider('value',0));
Accordion and <DIV> Tag - PLEASE HELP!
Hello, I desperately need your help / suggestions. I am working on an Enrollment page which has three Accordion Tabs as follows - Personal Info, Billing Info, and Login Info. Basically, the user fills out the information in the Personal Info Panel and hit submit. As soon as the user hit submit, the Personal Info Panel colupses and the Billing Info Panel expands. Everything works fine. Now, I want to add an EDIT button in the Personal Info Panel Tab which will only populate as soon as the user hit
Dialog modal interactive?
Hi, I'm new to jQuery. Currently, I'm playing around with the jQuery UI Dialog. Can I make the dialog window itself be interactive while the rest of the page remains "locked" (modal)? Do I set the input field some specific class? I've tried searching for a solution to this but so far I'm unsuccessful. Alternatively, how do I make overlay work if modal is false? Thanks,
Tabs and IE
Hi, I have just used tabs in my header. When a page is loaded in IE7 the tabs are displayed as lists before the tabs have loaded. Example: bidibo dot co dot uk /r.php Is this a common issue with ie or unique to my css or something?
Patch for IE bugs in ui.dialog and ui.slider
What do people think of these patches to fix exceptions being thrown in IE6 and 7 when using dialogs and sliders and one of the attributes ends up being NaN? Another issue addressed is displaying ui.dialog with width and height set to 'none' (IE6 and IE7) and the margin set to 'auto' (IE7), and also making sure the layout is correctly rendered in IE6 & 7. I think it would be nice to have these or similar patches in the newer versions of jquery.ui. Thanks, /Chandan Kudige diff -ruBb jpoker-reference/jquery/ui/ui.dialog.js
qi.jquery draggable containment unusual problem
I have an unusual situation while setting the draggable - the problem is that containment is smaller than the draggable object. So the draggable is visible through a "window", and the window is the containment. If I just set containment to that "window", trying to move the object results in snapping object to it's lower right corner. Is there some way to fix that behaviour? I even tried to understand and edit the jquery-ui source code to add this functionality, but I don't have enough experience
jQuery Tabs How to close all open tabs
I am using jquer tabs. I have 3 different tabs (three uls) I want to close them programatically. How do i do that? Thank you.
UI Tabs loading position
Hi, I am using UI Tabs to show content from other RSS feeds, therefore i am using AJAX tabs. In RSS feeds there is a lot of images that needs to show. Loading of images takes a bit longer than text. When i clicked on an closed tab it shows "loading...." text and the tabs opens once it loads the content in the container. So what's i need is NOT to show " loading..." in the tabs instead needs to show this text i container (while loading) and then text and images once it loads fully. How can i do this
Sortable Performance
Hello, I have a problem with Sortable performance. If I use Sortable my browser uses a lot of cpu : - 25 to 40% on my core 2 duo 1.8Ghz - 50% of cpu usage on P4 3Ghz (Amount of CPU is not exactly the same, depending on the browser I use, but it is high in all cases) This online demo is enough to reproduce it : http://dev.jquery.com/view/tags/ui/latest/demos/functional/#ui.sortable I've tested it on : IE6 ,IE7,FF2,FF3, Opera 9.5, Safari 3, Chrome, all on Windows XP SP3, and Opera on Windows Vista
Next Page