Autocomplete new feature (jquery.ui-1.6rc2)
Hi there! I'm newbie here - searching how to suggest a new feature I've already implemented myself for my project. As you all know Autocomplete give three ways to post data: 1. Throogh option { data : [...] } 2. Via external url with params 3. Via undocumented { source: function(term) { .. } } feature But I am not happy with it. I am a Java warrior and I use superb DWR lib for AJAX requests - so application have no controllers to handle autocomplete control's request. I need a "external AJAX" feature.
ui tabs - loading external link
I thought what I'm trying to do is pretty easy... I display my tabs, and when the user clicks on one of the tabs, an external link is loaded in a new window/tab in the user's browser. Problem is, when I add the code to do that (see below), the external link (page) is automatically loaded (without the user clicking), which is obviously not what I want. There are no js or html errors that I see, or that are displayed. Can someone tell me what I'm doing wrong??? Here are my tabs: [code] <div class ="tabs">
url not working
The following url is not working... http://dev.jquery.com/view/tags/ui/latest/themes/flora/i/slider-bg-2.png Our code is soon to go into production and during the last days of testing we face this kind of an issue which generates a stir amongst everybody. Can you please look into this asap. Thanks Manu
Drag/Drop/Sort properties inherited, but don't work
I have a card sort app where users can drag items/topics into buckets and rearrange the buckets. There is a link to create new topics, and buckets. It creates these items, and although they have the proper class items when viewed in firebug, they don't behave like the established class items, ie, won't drag, drop, or sort. It also doesn't work in IE... http://imarr.com/jQuery/inherit_not_work.htm Thanks,
Auto select week
hi all, I have an inline datepicker with highllightWeek enabled. To accompany this I would like the datepicker to select the highlighted week as its range upon clicking a date (in that week). This means the datepicker needs to be set to rangeSelect: true. When this is turned on datepicker waits for the second date to be selected, which is not what I want. A. I think an extra option selectWeek would be great to do this automatically (wish the development site was up again so I could post the enhancement
1.6 Sortable Serialize problem
I just got the versions of UI from the trunk, which is at Revision 1215 right now. Those are what will be 1.6, correct? In any case, when you use the serialize function of the sortable, it is supposed to spit it out in this format: "setname[]=number&setname[]=number" (taken from docs.jquery.com) I can confirm that this is not happening, it is doing: "setname=number&setname=number" which just sets a variable to the last one, not create an array. Is this intentional, a change in the 1.6 version? I
non-ascii characters in three files - ui.core.js, jquery.ui.all.js, effects.core.js
When I download and unzip the latest jquery.ui-1.5.3.zip file I get non-ascii characters in three files. It may just be me but I am use winzip and aptana/eclipse to view the files. This happens in three files. ui.core.js, jquery.ui.all.js, effects.core.js. The browser seems to ignore it, but it caused me problems in something I am doing. /* * jQuery UI 1.5.3 * * Copyright (c) 2008 Paul Bakaus (ui.jquery.com) * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. *
Can I specify css for each tabs?
When I do the tab function, can I specify the css for each tabs? such as tab1 mouseover css1 mouseout css1_1 tab2 mouseover css2 mouseout css2_1 tab3 mouseover css3 mouseout css3_1
Dialog Div Visible on load
Hi all, I hope you can help me. 1st problem: When my page load, it displays the DIV that must be used for the dialog. 2nd problem: When I open the dialog, it displays correctly, but when I close it, it also does not want to open again. I'm still very new to jquery and do not mind reading. Pls point me in the right direction. Kind regards
ui.tabs: auto generate tabs according to text content length (height?)
Hello, I use ui.tabs to paginate a text content. It works well, but in a specific case, i need to tabbify a div which height is fixed, but the content is dynamic, so i don't know in advance if tabs should be rendered or not. In most cases, i let the editor insert a page break marker, and use them to organize the tabbing. But in this case, the content is compiled from different sources so i cannot make someone manually design the pagination breaks. So i'm wondering if there is a way to know the current
Position problem with draggable
I am brand-new to jQuery (though I am an experienced programmer) I have a sample page whose behavior I'm not understanding (see the code that follows this post) You will need jquery & jquery-ui in the same directory. When you double-click the div 'center', a new div will be created at the double- click point. This works fine. However, if you uncomment the .draggable () line in addDiv the new div will be created at some offset from the double-click point. Can anyone give me insight into what's going
[accordion]
When I add A HREF inside the center part not the titles.... it makes more titles bars?? <h3><a href="/South-America-Vacation-rentals.htm">South America Vacation Rentals</a></h3> All I want in center parts is to be able to put basic html code like URLs... So when they open it the center content allows for a href but right now it creates a new bar and then I guess you click the bar and out you go. Can you tell me how stop this please?? Where all it does is move like and accordian... but the center
JQuery Droppable Demo?
I need something exactly like like this: http://ui.jquery.com/repository/tags/latest/demos/functional/#ui.droppable But the page source won't work, despite of including ui.core, ui.droppable, ui.draggable and of course, jquery.js's... Anyone know anywhere else I can find something similar to that but really open source?
Having trouble getting nonmodal popup to work
Hello all, I've made a form that has its own color picker on it (I would have used a prebuilt one, but I couldn't find any with a custom set of colors). Anyway, the colors are arranged in images in table cells in a div (for the moment). When the user clicks on a button, I am calling a function that grabs the div, sets its left to $(this).left and its top to $(this).bottom and then calls animate on it to slowly display it. However, for some reason, it is still popping up where it is in the page layout,
Dialog overlay memory leak in IE6
Using overlay in $.fn.dialog() $(win).dialog({ .... overlay: { opacity: 0.5, background: "black" }, .... }); Causes a memory leak in IE6 of ~= 2Mo each time a dialog is opened. How can I avoid that ? I checked in the DOM and div.ui-dialog-overlay is removed from the DOM. -- Fabien Meghazi Website: http://www.amigrave.com Email: agr@amigrave.com IM: amigrave@gmail.com
Drag and Drop
Hi, I have a drag and drop interface that allows you to drag list items from one container to the other. I'm using this code: $("li").draggable({ revert: true })}); $(".ul").droppable({ accept: ".jDraggable", hoverClass: 'jDroppable-hover', drop: function (event, ui) {$(this).prepend(ui.draggable);} }); There is a slight problem that when I drop a list item in a container, it is dropped to the right, then moves into place. Is there any way to stop this behaviour and just have it appear in its new
Dialog .ui-resizable-handle flicker in UI 1.6 rc2
I've noticed that the .ui-resizable-handle's flicker in and out when moving a resizable dialog. Is there a way to prevent that from happening with rc2? Also, when setting resizable to false the handles are removed. Would it be possible to replace them with a generic .handle class with the same outer dimensions?
Demos
What's the deal with all of the blank demos? I think that they should come down: "Coming soon" content is very 1997. Do you guys need some demos constructed in this space? I'd be happy to throw together something presentable. Thomas
prevent reloading of newly added ajax tabs
Hi! I have two main tabs, and in one of these tabs I have activator button which adds a new tab. here is my code $('#getir2').click(function() { $("#rotate > ul").tabs("add", 'reportingengine.php', 'New Tab'); }); After clicking this button it takes the result of reportingengine.php page and puts in a new tab. My problem is, in every selection of this newly added tab, it reloads the reportingengine.php page. How do I prevent this reload and just show the pre-rendered result. If my tabs are
.dialog("close") and IE7
I am unable to close a dialog window with .dialog("close") in Internet Explorer 7. It works in Firefox 3. Is this a known issue? Is there a workaround? Thanks
Nested lists in UI Accordion
Hello, Can anyone tell me if it's possible to have multiple triggers in nested lists using the jQuery UI Accordion? Also, is it configurable to open the accordion to the correct level dynamically based on the current page? Sample code below doesn't accomplish all of these things, so I'm hoping someone can nudge me in the right direction. Thanks. ++++++++++++++++++++++++ $(function() { // initialize accordion menu $('#accordion').accordion({ active: true, alwaysOpen: false, header: '.head', navigation:
problem with downloading package
hello all, I tried to download the jQuery UI package but am having problems. I customized what I wanted, picked the older (stable) version and downloaded. I then extracted the .zip using 7zip. the result was a directory with only "datepicker" files in it. I tried again using the newer version and checking every component, with the same result. the zip file I download says it is 232kb but the unzipped result seems far less. I had a friend do this previously with the same result. Any ideas? Thanks!
Loading html through .ashx file
I'm trying to inject html into a dialog box using a .ashx file. I'm noticing in Firebug that my code does the post and then makes a series of get requests before stopping. Below is the code I'm using. Please let me know if I need to use a different method. Thanks. jQuery Code: //base dialog object var d = jQuery('#dialog').dialog({ modal: true, dialogClass: "flora", bgiframe: true, autoOpen: false, overlay: {opacity: 0.5, background: "black"} });
Dialog Box Samples
Can anyone please give me any link where I can find some examples to Dialog boxes with full code. I tried at my end but all the dialog boxes were displaying without any color or lines. I want to see some live examples with some div dialog box css. Your help would be appreciated. Thanks in advance.
Normal Links Alongside Tabs
Hi, I'm using UI Tabs, and am trying to figure out a way to include plain vanilla HTML links alongside those that activate a tab panel. I don't want them to open a new window, or open a web page within tab - I'm just looking to put a few standard A HREF links in the same UL as my tabs. Is there a way to do this? Any help would be greatly appreciated. My current code is below <ul class="tabber"> <li class="tabber"><a href="sample.com"><span>link</span></a></li> <li class="tabber"><a href="sample.com"><span>link</span></a></li>
DatePicker Query
Hi All, I am pretty new to jQuery UI and have recently started using DatePicker plugin. Now I have a couple of queries related to datepicker: 1. Is it possible to append a custom button/link like the Close, Cancel, Clear etc links in the datepicker control thru settings. Also I want to attach a custom function to that button. If not can I attach a custom function when I click "Today" 2. Also I want to disable/close the datepicker when I click anywhere outside the datepicker or the control which triggered
Submiting form by link
Hi there, ive got simple problem, but im working on it for 2 hours and nothing, maybe some here can help. Ive just need to submit a form by link, ive got simple code like that: $(document).ready(function() { $("#printMultiOrders").click(function() { $("#zbiorczy").submit(); // its form id return false; }); }); but no submit is happening, the function returns false and thats it. Any suggestions?
Dialog close link
If this has been addressed already I apologize but I have not been able to find anything in the docs or in this list. Is there some way to disable the close 'X' link which appears in the title bar of a Dialog box? I want to remove it completely. Thanks.
Problem with accordion("activate", 1). using <a> link
Hi, I am trying to use the JQuery to my menu and use the sample code from their site. When I run the code, It focuses to 'Test 2 (element) and expand the items, because I am giving $("#example").accordion ("activate", 1). Once I add linkes ( <li><A onclick="newwindow=window.open('http:// yahoo.com','Profile','height=735,width=782,left=2,top=2,scrollbars=yes,resizable=yes,menubar=no,toolbar=no'); newwindow.focus()" href="javascript:void(0)">Yahoo2</A></li> ) to 'Test1 element as first item, nothing
UI autocomplete - best practices - get multiple result
Greetings: Please provide suggestions on the best practices for obtaining the current results of a multiple choice autocomplete. I understand that i can use the formatResult callback to obtain the data element each time a user makes a selection. I can then push this onto an array. What if a user removes a result though? Is there a way to, at any time (such as the click method of a save button), to obtain the final list of elements stored in the autocomplete? Thanks
jQuery UI Tabs w/ ScriptManager and AJAX Mode: Stuck on "Loading..."
I've an issue that I can't seem to figure out. I have an ASP.NET web page that is acting as a Master Page of sorts (using Master Pages gives me unintended results). It has the markup for my tabbed menu and a ScriptManager with some services and scripts. The tabs are using AJAX Mode to load some other .aspx pages. At least, I would like them to. When I attempt to load the "Master Page", I get stuck on the "Loading..." stage in the initial tab. If I give each .aspx page it's own ScriptManager (with
Resetting the expanded items in JQuery after click on URL
Hi, I am using JQuery to my menu and added urls to <li>, And I expanding the 2nd item using jQuery('#accordion').accordion("activate", 1); It is working fine, but when I click on the url I could see only tabs not the items. Any help, thanks in advance.
draggable lists - how do I display LI text in receiving DIV?
I can drag LI items onto a Div. Now I would like the Div to display the LI text, or, variable values. How do I access the object properties? Thanks, in advance, $("li").draggable({helper: 'clone'}); $(".drop").droppable({ accept: "li", drop: function(ev, ui) { ...Insert code here... } });
Datepicker constrainInput Option
The documentation for the Datepicker widget includes the option "constrainInput". I do not see this option in the source code for ui.datepicker.js versions 1.5.2 or 1.6 RC2. Am a missing something or has the version supporting this option not yet been released? http://docs.jquery.com/UI/Datepicker/datepicker#options http://ui.jquery.com/bugs/changeset/755 Any assistance is appreciated.
Access Tab Index on Creation
Hi All; In my tabbed application I've run across the need for buttons to be embedded in the tab. I thought I might be able to do this via a JS onClick call attatched to an image, ie: <li><span>Tab <img onClick="javascript:doSomething()" /></span></li> which works just peachy in and of itself, but it would make it a lot easier if I could write a template for the new tab that is aware of it's creation context, something like: <li><a href="#{href}" title="dcPane"><span>#{label} <img src="/global/ images/nav/doSomething.png"
Modal dialog form loading in Internet Explorer
I have code that loads a .net form in a modal dialog box. It works properly except in Internet Explorer. Nothing appears to show and I end up waiting for a few minutes until I move the mouse and the form appears. Sorry if this is all academic, but if anyone can tell me if there is a fix or if it's a bug in IE or jQuery, I'd appreciate it. My code is below. Thanks. jQuery code: jQuery(document).ready(function() { //base dialog object var d = jQuery('#dialog').dialog({ modal: true,
How hard will this be to do using JQuery and ASP.NET
Hello all, I'm working on an ASP.NET site where the user is allowed to pick colors for certain elements on the page. Essentially, what I want to do is have a button on the page that the user can click and bring up a popup (non-modal and non-moveable) that allows them to choose colors from a set of colors that I specify. Once the user selects a color, I want to call a method (the method will be passed in to the function that displays the color picker). Now, I currently have some server-side code that
Problem with doctype
Hi, I started using Jquery UI, my problem is that re sizable plug in is not working with html "doctype", (in IE 6) I have given doctype as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> and a simple re size operation is failing and if i remove doctype it will run perfectly. Can any one tell me why it this is another IE bug or i shall change the doc type to something else
Jquery UI dialog close
I'm loading a dialog and inside it an iframe to show a form. After posting the forum via ajax I analyze the response and want to close the dialog (born from the parent window) if the response is a 'success'. Nothing works....any idea how I can make this thing work? Here's my code: // post the data $.post(url, jQuery('#frm_new_folder').serialize(), function (data){ // if the response is success, close the dialog that was opened from the parent window if ( data == 'success' ) { var d = $(window.parent.document).find
ui.datepicker ie6 running very slow
Hi, im developing a site using Jquery and jquery ui which a very useful library, i just realised that the datepicker runs very slow in ie6. It takes roughly 5 seconds to open the actual date picker, FF 2 & 3 Opera & Chrome and Ie7 run with no issues. The demo's provided also run very slowly in ie6 aswell I have no idea what the problem is. I setup a test page on my server where you can see the issue. If you need to see the problem go to this address ie6 and see the problem. http://www.aerion.com.au/test/date/stats.php.
Next Page