New button widget has slight diferences in size of buttons
I tried this in IE and Firefox, and to me the submit button seems to be slightly larger than the others: http://jqueryui.com/demos/button/#default This is only evident when using "UI Lightness" theme. Is this a feature or a bug?
[autocomplete] objects received on events
Hi all autocomplete on UI 1.8. I was wondering how to access the result list for the autocomplete? What is "ui" object received in the change event? cheers
Date picker remove onClick.
Hi, I'm using an instance of the jquery-ui-1.8.custom.min date picker and I want it to show as soon as the page loads, not when the user clicks on the text box. Can this be done easily?
Issue with datepicker in RTL html while running in IE compatibility mode
If i run the datepicker in RTL html in IE 7 or 6 it dont pop up the 1st time i focus on the text input bound to the datepicker. I was not able to understand what exacly is breaking it. sample html: <html xmlns="http://www.w3.org/1999/xhtml" dir="rtl"> <body> <p>Date: <input type="text" id="datepicker"></p> <script type="text/javascript"> $(function () { $("#datepicker").datepicker(); }); </script> </body> </html>
Accordion Header Position Problem
I have an accordion within a joomla page and I can't figure out why the header isn't on the same line as the arrow. I've tried going through all the non jquery-ui css thats acting on it, but I haven't been able to find any reason why it is happening or how to fix it. http://923gospel.com/index.php?option=com_content&view=category&layout=blog&id=43&Itemid=30
downloaded jquery ui, but no css
Hi, I have downloaded jquery-ui-1.8-custom. But, I don't have the file jquery-ui-1.8.custom/css/custom-theme/jquery-ui-1.8.custom.css. I can't apply my custom theme Thank you
connectToSortable not passing helper, but originating element
I am trying to use connectToSortable on draggable that has helper defined by function. The sortable keeps recieving the originating function instead of the helper. $(this).draggable({ connectToSortable: '#swe-paper', helper: function() { return $(this).clone().removeAttr("id").addClass( "swe-sign-in-move" ); }, … }); This works well the helper has the id removed and added the class. The sortable has the originating element, which I can't manage to change. Bug?
autocomplete bug?
hello when i give the result list an overflow:hidden and i want to scroll down the list is closed this occurs in every browser except Firefox Is this a bug or is there a workaround?
I need something very simple
<script> $(window).load(function () { if ($("div:first").is(":hidden")) { $("div").show("slow"); } else { $("div").slideUp(); } }); </script> I am interested in how this can happen so that code can not take all divove a working example, only a few wild with id th.
Autocomplete: Fruit & Vegetable form
I want to build an autocomplete form using jQuery. It is a very custom and specific version, and the best way for me to explain it is to think of it as a form for looking up fruits and vegetables. This form will do what jQuery Autocomplete normally does, which is look up items based on what is typed in the form, as so: However, I also want it to search for items based on the category or type of item it is. For example, if you start typing in "Fruits", it'll give you the list of all the fruits in
autocomplete widget and IE6
Evnin' (o; Just got recently involved a little in using jquery-ui-1.8 and jquery-1.4.2 to use the nice autocomplete feature... After digging through several documentation for all kinds of jquery autocomplete versions I found following simple snippet to work with Safari-4.0.5/Firefox-3.6.3 (both OSX and Windows) but not IE6: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Tab navigation not working with div and image in between
Hi all, I have my tab navigation sitting on top of a banner image. My HTML is as follows: <div id="banner"> <div id="tabs1"> <ul class="tabs1"> <li class="view2">View:</li> <li class="detailed"><a href="#tabs-1">List</a></li> <li class="list"><a href="#tabs-2">Map</a></li> </ul> <div id="banner_overlay">Offer ends today</div>
Call URL when clicked
Hello I speak of Brazil, I have the following problem, I need to update the URL with the date that the User click. I tried something like: <script type="text/javascript"> $ (document). ready (function () ( $ ( '# datepicker "). datepicker (( onSelect: function (date) ( window.location ( 'http://www.meusite.com.br/?data =' + date) ), )); )); </ script> But it did not work. Can anyone help me? Thank you.
Getting value from autocomplete dropdown
I am using jQuery UI latest version 1.8. I am using Autocomplete drop-down feature for combo box. can you any body tell me how to get selected item value? I have to implement some feature like on select of first drop down value i want to load the 2nd drop down. can you please let me know how to implement this in jquery? I am new to jquery. If somebody can provide some example it will be good.I am attaching my example herewith. <head> <meta charset="UTF-8" /> <title>jQuery UI Autocomplete
How to know an element is draggable initialized ?
Need distinguish from not initialized and disabled
jquery.ui.Tooltip:Add tooltip to jquery created content (jquerylive...)
Heys folks, just a shorrt question. is it possible to add a tooltip to a div added with jquery? tried it yesterday, but didn't work (or i did it wrong,...) any hints? Regards Simon
How to stop SWF inside of a jQuery UI tab from reloading
I have a SWF movie inside of a jQuery UI tab, and the problem I'm having is that the SWF gets reloaded everytime I click away from the tab, onto another tab, and then click back. I can inspect the DOM and see that the div containing the SWF is still in the DOM when I click away, so I don't know why this it seems to reload it when I click back to the tab. Following the advice given here in the API docs, I added the following CSS rules to try to prevent the display being set to: none, but the Flash
Autocomplete - set hidden field value
Hi. I am having difficulty figuring out why my autocomplete script doesn't update a hidden form field value (ShopId). Specifically, I can't seem to get the id value with ui.item.id in the select: function. Here's the inputs: <input type="checkbox" id="cbox-exp-shops" checked="checked" value="expshops" /> <input type="text" id="ShopsList" name="ShopsList" maxlength="16" /> <input type="hidden" id="ShopId" name="ShopId" value="" /> <input type="submit" class="go" id="button1" value="Go" /> Here's
Help Wrapping Tabs-nav In A Div
Hello, I have been trying for quite some time to get my UI-tabs to work as I want them to. Notice how the tabs-nav is wrapped in div with the class header. <div id="yw0"> <div class="header"> <h3><img src="/wtp/css/img/logo-login.png" alt="Logo" /></h3> <ul> <li><a href="/wtp/site/login">login</a></li> <li><a href="#yw0_tab_1" class="active">register</a></li> <li><a href="/wtp/site/forgotPassword">lost password</a></li> </ul> </div>
jQuery UI 1.8 dialog problem
I'm using the dialog to post an overlay advertisement on my site. I am not having any trouble in IE7 at all oddly enough however I am having trouble in both FireFox 3 and Safari. I've taken the components out of the web application and created a test page and nothing I've read and tried seems to work. Any help would be appreciated. I've attached the HTML test page that I'm using.
Dialog sometimes doesn't open as a modal box (takes over the whole page)
Hi, I'm using jquery ui dialog with the iframe modification: http://elijahmanor.com/webdevdotnet/post/jQuery-UI-Dialog-w-Resizable-iFrame.aspx Does anyone have the same problem: sometimes the dialog when opened, instead of being a box inside a page, opens the iframe url in whole browser (location changes to the iframe URL). jquery ui 1.7.2 jquery 1.4.2
Datepicker - Masterpage Usage
Is the Datepicker widget suppose to work on masterpages? If so, what has to be done differently from a regular @Page to incorporate it?
Jquery Slider Stop Functionality: Form to be submitted with values
I have a Jquery Slider Widget on stop function i need to pass the values from the slider to fetch the result based on that value which needs values to be sent to the server. I tried this: stop: function(e, ui){ $("form").submit(function(){ $.ajax({ type: "GET", url: "/controller", data: dataString }); return false; }); }& this stop: function(e, ui){ $.get("/controller", {abc: $("#abc").val(), strdate:
Datepicker bug?
When using the jQuery UI 1.7.2 datepicker I can't get the syntax shown in the documentation to work: $("#FromDate").datepicker({maxDate: selectedDate}); or $("#ToDate").datepicker({ beforeShow: function(dateText, inst) { ... However when I use the following syntax it works like a charm: $("#FromDate").datepicker("option", "maxDate", selectedDate); or $("#ToDate").datepicker("option", { beforeShow: function(dateText, inst) { ... Anyone else having these problems?
dialog in tab: get current tab on click "OK"
Hi, I have several tabs each with dialogs that have forms. I want to set a value when a certain tab is active and the "OK" (submit) button is clicked. how can I access the current tab index? Thanks.
How to add click functions to Dialog html elements?
This is probably (hopefully) something simple like a scoping/referencing issue. The 1st time my Dialog opens, it all works beautifully. But if I open it again, then any click() functions on HTML elements displayed in the Dialog stop working. everything else still works - just those functions don't get called. $dialog.html('<p><span id="previmg" title="Previous Image">«</span><span id="nextimg" title="Next Image">»</span><br /><img id="remoteimg" src="' + data.images[0] + '" alt="" />'); $('#previmg').click(function()
Effects: How to execute effects on thwo elements each after the other
Hi, I'm a noob to jQuery and trying to get some UI effects in place. Here is what I try to do: When a form with an <input type="file"> gets submitted the file upload element should get hidden while a div containing some "please wait..." stuff should be shown. I try to do it the way hiding the upload elements gets entirely hidden before start showing the wait-message-element. I read a little about queuing, callbacks etc. but didn't get it ready "nice" meaning that the second animation is not completely
ui css and widget
All jQuery UI css have a prefix "ui-" can I change it on my own custom prefix? I need it to use UI in partner's pages and my css will not break partner's page.
The Flickering Angel of Death Lives!!!
Ok... I appreciate the earlier replies but still the flickering with the Accordion lives. Why does it appear with some and not the others? Many of the jquery accordion examples already appear with the flicker. I've looked at the accordion on the Apple website and tried to understand their code... Hmmm. No answers. Anyone out there with possible suggestions? Drinks are on me!! Here's my website: www.naturalskin.com Cheers, Erik
Best practice for initializing widgets?
What is the best practice for initializing widgets? In the demos, the document.ready event is used, but wouldn't it be better to use inline script blocks directly after the corresponding html structure? If you have a large page or a slow connection, and you use the document.ready event, you will see the basic html structure (e.g. ul-li for tabs) until the whole document is loaded. Instead, placing a script block directly after the required html structure would immediately initialize the widget. Is
Datepicker yearRange bug
There is a blatant bug with te yearRange option. The yearRange does NOT count from todays date - it counts from whatever year is currently selected. E.g. $('#weddingdate').datepicker({ yearRange: '-0:+5', }); Datepicker Year Dropdown = 2010 2011 2012 2013 2014 2015 That's fine - but if I then use the Datepicker to select a date and then open the Datepicker again, the bug appears. For example, after selecting a date from 2013 and then re-opening the Datepicker: Datepicker Year Dropdown = 2013 2014
$.widget.bridge - Usage
I have noticed that a new jQuery UI method has been added: $.widget.bridge. The only piece of documentation on the method states: "added $.widget.bridge to allow creation of stateful plugins using a custom constructor" Can someone explain what exactly is meant by it and perhaps supply a simple example? Thanks
[Datepicker] How can I change the "today" date. (defaultDate, currentText)
Hi, with the option: defaultDate: new Date('2010-04-09)i can change the selected date, but how can I change the "today" date? I've seen also the option currentText but I can't understand how to use it (edit, now I see that is only for change the word for "today"). This can be usefull if I want to use server-side date. (for example when local date is before midnight and server date no). Hope someone will help me. Thanks
Droppable dynamic tab
Hi All, I'm very new to jQuery and am looking to use it to do some somewhat advanced UI features on our corporate web portal. I am loading a tab panel dynamically and would like to have the tabs be droppable receivers of a draggable component. I load the tabs, set them as droppable and then set the draggable component however the tabs do not register as being dropped upon by the draggable. If I create a static tab it works as intended. I'm sure I'm doing something stupid so if anyone could shed
Hiding the 'x' button on Dialog
<span class="Apple-style-span" style="border-collapse: collapse; ">Hi I want to hide the 'x' button on the dialog dynamically. Is there a good way to do it? or is there a setting? i couldnt find one. All i can think of is doing something like $(".ui-dialog-titlebar-close").css("display", "none"); However I dont think this is a good way. And if i have more than one dialog on the page then all 'x' buttons will disappear.</span><div> <span class="Apple-style-span" style="border-collapse: collapse; ">
Problem with datepicker display
Hi folks, I am actually experiencing a quite odd problem with the jQuery UI datepicker. As you guys can see in the attachment (screenshot1.jpg), the datepicker textbox (2008-10-24) is in a fieldset. Below, there is another fieldset (the two light blue elements in the screenshot are fieldsets). The jQuery datepicker appears behind the two fieldsets. The problem occurs in IE6 but not in IE8. In IE8, we have a similar problem with legends (see screenshot2.jpg). The legend overlaps on the datepicker.
Dialog box button -> how to close the dialog and change parent page?
Would anyone have examples or suggestions as to how I would go about coding a button within the JQuery Dialog control such that when activated the dialog closes and the page within the browser changes to the desired location? The modal dialog is used in order to confirm that the user wishes to proceed with specific functionality that may result in loss of data. They must click on the Yes button to proceed. If so, the dialog box should close and the browser should open the page in which the functionality
jQuery confirmation dialog, function on confirmation
Hi everyone, I am writing a script runs an Ajax function upon confirmation - in this case deleting an entry from a MySQL database table. I have used the jQuery UI dialog widget in the past but have only redirected to other pages with button clicks. In this case, when the user clicks on "Okay," I want to run the Ajax command. I tried simply inserting the Ajax after 'Okay'; function() { } but this did not work. I had to settle on using confirm() instead, which works but throws off the jQuery UI themed
jQuery UI hide() and remove() leaving ui-effects-wrapper residue
Hi - I am encountering an issue with hiding and removing DOM elements jQuery v1.4.2 jQuery UI v1.8 With the following markup: <ul id="thislist"> <li unid="ABC123XYZ89023412"></li> <li unid="XYZ789ABC28485960"></li> </ul> ...the following code: var x = "ABC123XYZ89023412" jQuery("#thislist li[unid="+x+"]").hide("drop").remove(); ...leaves a ui-effects-wrapper div in place of the removed list element with the same height as the original LI and prevents the second list element from moving
DROP UI file upload , accept text and excel file and process it
I want a functionality of dropping only .txt or .xls file into my web page e.g. within div tags. Once file is dropped it should send the contents to Java (using call back method or so) or parse the file by itself and send data for further processing. Please let me know is it possible?If possible how to?
Next Page