Datepicker - month change event
Hi, I used Datepicker in my JSP page. When i click on particular date and onSelection event occur, it will refresh JSP with that particular date. But now i have to make this on month change event. Like if i change month it will refresh my JSP page with that particular whole month. If you have any solution, that we can pickup the month change event from date picker, then it will help me lots. Amit
jQuery UI
Does the latest Jquery UI download already include the core jquery library?
[accordion] navigation on subpages?
How do I do so accordion looks at the ?p=1.1.1.2 instead of the url and highlights the <li> in the navigation that corresponds to the ? p=1.1.1.2 number. - Lars
Sortable, Making Children and Serialize?
My apologies if this has been covered. I've been through the docs and discussion boards for the last three hours and not hit even a nibble of what I am looking for. My best guess is that I am using the wrong terminology. I'd simply like to have the a sortable list (ul, li style) where you can indent by dragging to the right and outdent by dragging to the left. Then, once the list is order properly, get a serialized string that shows that parent/child relationship (perhaps: id[]=5&id[]=1&id[1] []=2).
UI 1.5b4Dialog error
When I tried switching my ui code base to the new release, I get the following error. 'dialog.options has no properties' The only thing I changed is that I am now including the ui.core.js, and the new ui.dialog.js files. Any ideas on how this would be fixed would be appreciated, Timothy
extending datepicker plugin
Hi, How do I extend the datepicker plugin? I've written a time extension, making it possible to also choose the time next to the date (very much like here: http://www.dynarch.com/demos/jscalendar/ ), through an extra included js file. Although it works nicely for me, it involved rewriting several datepicker functions for a few lines of change. Also, I couldn't extend the datepickerInstance function (since it's lazy loaded?) so I had to overwrite the datepicker constructor, and extend the Instance
Build Your Download
I just downloaded the core UI and the Tabs component and all I got was the js file. I would think that the default css file and default image for the tabs would/should be included. Is this something that is being worked on?
Sortable IE scroll offset
Hi, I've run into a problem using sortable on IE where the item being dragged in a sortable container is vertically offset by the amount I've scrolled down the page. To further detail the problem: - build a sortable div with "items" - open page in IE, scroll down a little bit and attempt to drag a sortable. You'll see that the helper div is offset above the mouse pointer by the amount you've scrolled down Naturally FF works just fine. I've read some similar posts here but all suggest wrapping in
Suggestions for Optimizing Sortables Performance
Hey everyone, I'm in the process of optimizing our ui.sortables implementation to be as fast and responsive as possible on a fairly complex HTML/CSS layout and I'm wondering if anyone has additional pointers. This mainly affects Firefox 1.5+, which is a dog, but also touches on IE6/7. Safari 3 is incredibly speedy by comparison and doesn't boggle much. Currently, what we've discovered: - 'revert: false' helps out a whole lot with responsiveness - 'distance: "0"' helps with responsiveness - avoid
Sortable Scrolling Issues (Inside a Div and also on the Page)
OK, I have long lists I need to make sortable. I had been using scriptaculous, which allows scrolling inside a div, but jquery UI is WICKED FAST compared to scriptaculous, especially in FireFox 3 Issue 1: The problem I have is scrolling. Is there any way I can have my sortable inside a div with a scroll bar and have the div scroll when I am dragging the sortable. I know I can scroll the page, but I'm looking for div scrolling. Issue 2: Also, at least for me, if I do use page scrolling, if I drag
Sortables + scroll + offset
I decided to make a new site using jquery but i seem to be falling at the first hurdle. I looked around for examples and have this http://digital-illusion.net/ui/ problem is if you view this page using internet explorer ( i'm using version 7), scroll down and then try to drag elements, you will noticed that the draggable is offset by the amount you scroll down the page. I looked through the documentation and bug tracker and noticed this was reported about 8 months ago, but has not been fixed. This
Sortables placeholder height discarded after moving columns
Hi everyone, Bit of a strange one this... in IE6/7, when dragging a sortable item from one column to another, the placeholder (a grey box with dashed border) loses it's height, and regardless of where you drag your sortable item over, the height does not return to the placeholder. However, when limiting the sorting within a single column, the placeholder is fine. Has anyone else had this issue? Thanks very much, Oliver
ui sortable
hi, don't know if this is the expected behaviour on the ui sortables demo, but if you transfer all of the items from 'selected users' to 'user list' (or vice versa), you can't bring items back to the 'selected users' list.. dennis.
Prevent drop of some items on sortable?
I have two divs: #column-1 and #column-2. I use the connectWith option to make items in each column drag-and- droppable onto the other column and vice versa. However, there is one item I do not want to allow to be dropped in #column-1 (only moved within #column-2). How can I prevent it from being dropped on #column-1? Thanks, Tom Minimal example: <div id="column-1"> <div class="ok">hola</div> </div> <div id="column-2"> <div class="ok">hi</div> <div class="ok">hello</div> <div class="only-in-column-2">bye</div>
Expandng menu -- how to collapse
Hi -- I am trying to figure out how to make an expandable menu collapse when the menu items are clicked. Right now when each menu item is click.. it collapses briefly and falls back down. please help! <script> $(document).ready(function(){ $("dd").hide(); $("dt a").click(function(){ $("dd:visible").slideUp("slow"); $(this).parent().next().slideDown("slow"); return false; }); }); </script>
[accordion] Close All On Page Load
Hi all. I've just downloaded and tried the jquery accordion and it seems to be working fine, but with one exception. When I test my page in IE7 all my accordion DIVs open completely on page load and then close immediately, so it sort of 'flashes', which is pretty off- putting. I've also tried the page in FF (Mac) and it's fine - either it's so quick I can't see the same thing happening, or there's a difference in the way IE7 is working. I'm simply using one of the examples off the demo page: jQuery(document).ready(function(){
Removing a div that contains a dialog
Is there any potential memory leaks if I remove a div element that may contain a .dialog? For example, if DOM is: <div id='div1'> I am a bunch of other content. <div id='div2'> I am a potential dialog. </div> </div> Then this is called to make div2 a dialog: $("#div2").dialog({autoOpen:false}); And later: $("#div1").remove(); I've noticed that if you use the autoOpen option, the dialoged element stays in it's original location. But once a .dialog("open") is called on it, it is moved to the bottom
Proof of Concept: Tabs with transparent backgrounds
As a proof of concept, I have developed a technique (pure CSS) to render tabs with transparent backgrounds, using the sliding doors technique. The tabs resize to accomodate the amount of text on them, they use a single image of an oversized tab (no left hand and right hand side graphics)..they can also be semi-transparent, or slanted or interlocking Only tested in FF, IE7, Opera & Safari on a Windows Vista Platform, so any feedback on other OS would be nice, ....and yes they will not work on IE6
UI Slider won't initialize properly when the element is hidden
Hello, I hope the authors of ui.slider and dimensions plug-in are on-list. I have a problem initializing a slider when it is hidden. The actual size comes back as 0 and the slider locks and won't move. If I unhide it and re-initialize it, the actual size comes back as 100 and the slider works as it should. The dimensions outerHeight call is not working for hidden elements even though it says it does. I changed the code in ui.slider.js: var height = this.element.css("height"); height
Accordion without content?
Hello, I'm using the latest accordion plugin as a menu, basically styled after #list1a from the demo. What I would like to know is if it is possible to have only a "head" section (acting as a true link), without any children? Right now, when I try that, the following happens... Assume the following structure: Title 1 Link 1 Link 2 Title 2 Title 3 Link 3 Link 4 Title 4 When I click on "Title 3", it disappears (no title is highlighted) and it's contents are shown. To show Title 3 again, I have to click
Tabs question
I'm using the Tabs plugin to load content from other pages into the tabbed panels--this is the Tab plugins' "Ajax mode." However, I only want to load part of the target page (for example, I just want one <div> and its contents to load into a panel). This is possible with the load() function, which the Tabs plugin uses to load external content, but I can't figure out a way to do this with Tabs. Anyone? thanks --dave
data grids
Hi, I would like to know if it's planned to add data grid, trees and toolbar menu as in ext-js or better ;) Thanks in advance, Pat
UI/Tabs -- tabs.({ selected: null }) apparently not working
Hi, just discovered jQuery UI yesterday... working with the Tabs / Tabs 3. In Firefox 2.0.0.14, the selected: null method does not seem to be working: $('#production-main').tabs({ selected: null }); I can make other methods work on the same container (such as unselect: true): $('#production-main').tabs({ unselect: true }); Indeed, even on the demo site, the example using "selected: null" doesn't seem to be working -- which make me believe my code is at least not to blame: http://stilbuero.de/jquery/tabs_3/
Tabs turnoff "loading" message
When you use Tabs to load tab content from another file (Ajax mode), you always get the "loading message" and loading icon, even after the content has been injected into the DOM. Is there a way to not have the loading message appear after the content has been loaded once? thanks --dave
How can I help?
I am a pretty decent JavaScript developer and have worked heavily with jQuery for the last year or more. I have also used the 1.0 release of jQuery so I have some familiarity with it. What can I do to help? Is there an issue in the bug tracker that I can look into if I have time this weekend?
jQuery Tabs Ajax load just part of page
My apologies if this has been asked and answered before (i searched google groups but didn't find anything). I'm trying to use the Tabs plugin to load just a portion of a linked page--since the Tabs plugin uses the load() function this seems doable. The load() plugin lets you specify a selector after the URL to just inject the selected element into the DOM. For example: $ ('#sidebar').load('page.html #main'); But I can't figure out how to do the same with Tabs. Anyone done this? thanks --dave
When moving a droppable after draggable has started, drop spots don't come with it
I have a draggable and a droppable on the same page, but the draggable is on the bottom and the droppable at the top of the page. As a result, when someone starts dragging, I would like to move the droppable into view automatically for easy dropping. It doesn't work however due to the fact that the drop spot are invisibly still in their original locations. Is there a way for me to alert the plug-in to refresh it's sense of where the elements are? Here's a quick code sample to see what I'm up to:
change cursor during function execution???
I'm writing a GUI for an intranet application, and I'm stumped buy something i thought would be really simple. I have a function that could take some time to run (tens of seconds), so i wanted to give the users a visual indicator that the code was running. The most obvious method is the wait cursor, however when i change the cursor during function execution the cursor doesn't change. Does anyone have an idea on how to accomplish the following? function fn_name(){ $('body').css('cursor', 'wait');
ui.tabs: closable tabs (patch provided)
Hi all, I've implemented closable tabs. Patch and example CSS / test page are attached to the trac page: http://dev.jquery.com/ticket/2470 General Description: * A clickable "button" (really an <A> tag) appears on the tab. When the button is clicked, the tab is removed. * <LI> tags are dynamically modified to contain a second tag: <a onclick="return false;"><span>#{text}</span></a> * The #{text} snippet will be replaced by the configuration option closeText (which is '(x)' by default), and the snippet
error with effects
Hi all, I just downloaded JQuery ui 1.5b4 to try out the morphing stuff. I added references to jquery-1.2.4b.js and jquery.ui-all-1.5b4.js to my html but when I load the page I get the error Error: $.effects has no properties Source File: file:///C:/FastBallPopin_files/jquery.ui-all-1.5b4.js Line: 2697 This is a bummer since that's exactly the extension I want to play with! I can't figure out what it's complaining about so I thought I'd ask the group. Can someone let me know how to fix this? Thanks
tabs plugin - "please wait" gif after user clicks on a tab
Is it just me, or has anyone else noticed a delay when using the tabs plugin? When you click on a tab, sometimes it takes maybe 5 seconds or so before it looks like the browser does anything at all. Is it possible to instantly add a spinning progress image to show the user that something is actually happening?
delay causes a problem
Hi folks. I'm fairly new to jquery and have run into a problem. I tried searching for this - if I missed, please send me a link. I have created a simple mouseover popup for a client. The client wants the popup to stay visible with the mouse over both the trigger div as well as the popup itself, and he wants a delay in the popup disappearing on mouseout. But when I use setTimeout to delay having the popup disappear, it screws up the performance. The main thing is that I lose the dual/div trigger of
UI.datepicker Slovenian translations
I am not a native speaker but I imagine it is close enough to be understood. Besides fixes are appreciated if anyone sees the need. /* Slovenian initialisation for the jQuery UI date picker plugin. */ /* Written by Jukka Paasonen (jukka.paasonen@nanbudo.fi). */ jQuery(function($){ $.datepicker.regional['sl'] = {clearText: 'Očiten', clearStatus: '', closeText: 'Zaprt', closeStatus: '', prevText: '«Prej', prevStatus: '', nextText: 'Naslednji»', nextStatus: '', currentText:
ui.tabs Question
Hi Guys, I am a complete novice at jquery but I'm looking to get my head round it. I would like to have the tabs change on hover instead of click. Is this possible with jQuery UI, and if so, how? Also, if this is an incredibly dumb question because the answer is blindingly obvious (and I fear it is), feel free to throw rotten fruit at me. Nice to meet you all btw.
submitted patches
Hi all, Not sure what the procedure is for submitting patches back to jquery- ui, but I've attached a couple to trac tickets: * http://dev.jquery.com/ticket/2839 * http://dev.jquery.com/ticket/2867 I have a few more UI/Tabs itches to scratch in the next few days, so if anyone has any advice on how to better participate, please let me know. -mike
dialog patches
Hi, I was wondering if there is a recommended way to apply effects to an dialog during open or close. I submitted a patch http://dev.jquery.com/ticket/2358 that includes hooks for doing these kinds of things but it has been three months since submitted and no comment, so I wonder if there is another way to do this? Also I submitted another patch for extending position options at http://dev.jquery.com/ticket/2357...perhaps there is another intent to handling these situations? TIA, Mike
blockUI - message
Hi, i`m with problem in blockUI $().ajaxStop($.unblockUI); $('#home').click(function() { $.blockUI({ message: '<h1><img src="load-1.gif" /> Just a moment...</h1>' }); $("#content").load("home.php"); }); show blockUI OK, but message default and i want change message. what i did wrong ? thanks
Any plan for Tree component?
Dear all, Will there be a plan in the future to create tree component with jQuery? Best regards,
Dialog buttons disabled
Hi all, I am using a dialog with some buttons in it. How can I disable the buttons when the dialog appears and enable it when the user do some needed actions? Here is the code: $(dialog).dialog({ draggable:false, modal:true, width:640, height:480, title:'Upload files', close: function(){ swfu.cancelQueue(); $('#currentFiles').empty(); }, buttons:{ 'Browse':
[Accordion] Opening the desired section
Hi Jörn, looking forward to the ui.accordion. I'm still missing a functionality, or rather find it a bug in the available demos that when opening the sections by mouseover, the accordion reacts too quickly. http://dev.jquery.com/view/trunk/ui/demos/real-world/accordion-drawers/ Move the mouse over the third item so it opens and then, without leaving the accordion, move the mouse to the first. The second item opens instead of the first. There should be a slight delay before opening another. I managed
Next Page