Having issues with JQUERY TABS.
Hello, I thought that the whole idea of Jquery tabs is that it does lazy loading. I am using asp.net and have a page with 5 tabs. I intentionally created an exception on tab 2 just to check the lazy loading but when I loaded the main.aspx page with all the user controls it threw an exception. It means that the tabs are not getting lazy loaded. My whole idea was that if there is an exception on any of the tab then all other tabs should still work ok. Following is my code; <div id="content">
Unidentified attribute generated by jquery in html tag
Hi folks, My first post here. I've been digging through the jquery ui demos and the example on the site here trying to get a good handle on the way jquery, ui and it's many plugins work. I've noticed that in the accordion widget there is an unidentified attribute being generated in the html code that looks like this: jQuery1234567890012 = "35". I've been trying to find out what part of the jquery library generates this code and what it's being used for. I know that it's a part of the
Accordion issues in IE - width of content divs jumpy.
Recently downloaded jquery ui 1.8.2 customized via themroller. Have placed Accordian on my page in a <td> styled with width: 200px. Installed and working fine in Firefox. However, in IE there is an issue. When page loads, all headers are correct width and the FIRST opened content div is correct width. Doesn't matter if it is activve on page open (default) or if active: false). Subsequently opened content divs are first displayed at a smaller width, and then jump to the full width. I'm not sure
compare previous value to selected value of radios using .data and .change
A radio input has two options (player and coach) and is neither is checked when the page loads the first time. When the player option is de-/selected, I currently use .addClass and .removeClass to hide/reveal an additional related text field (player jersey number). I would like to use the jQueryUI animation effects of .show and .hide instead. However, when no option is selected on the page load, then I select coach, then the player jersey number field appears and uses the blind effect to hide. Yes,
Fix for autocomplete width expanding
Im having this problem with my autocomplete. Has anyone ran into this issue and is their a fix? http://i.imgur.com/DB8ja.jpg Might as well ask first if not ill have to figure it out. It's only in chrome & safari.
Help with Datepicker
Hello I'm new to jQuery and i have an question about the Datepicker. I have two Input-Fields named "txtStart" and "txtEnd". I want to configure that the minDate of "txtStart" is today plus 10 days. That works with $("#txtStart").datepicker({minDate: +10});Now i want to configure that the minDate of "txtEnd" is the date of "txtStart" plus 5 day and the the maxDate is the date of "txtStart" plus 6 Months. It would be great if somebody can show me how to code that. If somebody could how to let change
Autocomplete - after select, scroll to div?
Hi guys, I have finally figured out how to get jquery autocomplete to run from my MySQL databae in PHP. Is it possible to get it to scroll to a div of the same ID (or similar) as the item selected from the autocomplete drop down? Preferably with a highlight of the selected div? Here's what I have so far... Thanks fot the help! <script type="text/javascript"> $(function() { $("#search").autocomplete({ source: "search2.php", minLength: 2, select: function(event,
dialog accessibility validation: focus problem
Hi, I'm validating a modal dialog for keyboard accessibility (non using mouse, on TAB and ENTER key only). The dialog gains the focus correctly on open but does not return the focus to the trigger element on closing (by ENTER). The issue is for FF 3.6/IE8. Any idea?
cannot use .selectable() and dblclick() together
I wrote : $(function() { $("#selectable").selectable(); $("#selectable p.ui-state-default").dblclick( function() { alert("Hello"); } ); }); this doesn't work together... (I want to dblclick any selected item is that possible ? thanks fyh
Problems activating connected sortable when dragging *below* existing item
Hello all. I have a draggable element which is connected to a sortable. When I drag and drop the first element from the draggable into an empty sortable, it works fine. But, when I try to drag and drop a second item *below* the one existing element in the sortable, the sortable is not activated properly, and the drop does not work. Now...if I move the 2nd element I'm dragging on top of or above the 1 existing sortable's element, the sortable seems to activate itself, and I am then able to properly
jQueryUI, Safari, Opera
I'm using the .draggable() option on a hidden div, and it works fine in IE and FF, but in Safari and Opera, if the div contains scrollbars (e.g. overflow-y: auto), and you scroll it, the pointer "sticks" to the div and you can't get it to let go or close the div without right-clicking to pop up the context menu to "distract" it. BTW this is under Windows. Is there a fix for this? If not, I'll have to not use it because they're shooting for across-the-board compatibility... I'm lucky the approved
Drop Effect not working properly in IE with Advanced List Rotator
I cannot get the DROP effect to work right with Advanced List Rotator in Internet Explorer. All of the other browsers show fine. Internet Explorer never shows the images again. Any help would be appreciated. Here is the example: http://hannadbs.com/heritage/
How do I fix ui.draggable.remove()
Hi I am struggling with this issue in IE7 and IE8 http://dev.jqueryui.com/ticket/4550 I don't get an error message however it is the same as this issue here http://jquery-ui.googlecode.com/svn/trunk/tests/visual/droppable/droppable_ticket_4088.html however using setTimeOut does not work. I also tried a hack to hide the element with css however when I remove an element I need to recalculate something with a different function which gets it's values based on the amount of LI elements in the UL. The
help with datepicker image click
Hello. I am trying to use jquery ui datepicker in a asp.net 4.0 application (vs 2010) The button click doesnt work. Here is my code. <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> </asp:Content> <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <script type="text/javascript"> $(function () { $("#txtPartner1Dob").datepicker({ showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true }); }); </script> <h2>
Custom Divs in Slider
Hi All, I'd like to create a custom slider skin similar to the one detailed here : http://jqueryfordesigners.com/slider-gallery/ (specifying existing html elements as the track and handle) Is this possible in the latest release of jquery UI? It seemed dead straightforward in 1.5, but I'm at a loss how to do this in 1.8.
can the jquery range slider have descriptions within slider panel
can the jquery range slider have descriptions within slider panel as in the example below(it is in dojo) http://tobias.klpstn.com/dojo1.1/dojox/form/tests/test_RangeSlider.html
Problem in getting index for currently selected tab using option 'selected'
I am using the Tabs widget and already have it working in a <div> named 'navbar'. Now I need to fetch the index of currently selected tab in one of the event handler functions. According to the documentation for Tabs : Get or set the selected option, after init. //getter var selected = $( ".selector" ).tabs( "option", "selected" ); But instead of getting a number (index) in var 'selected', i am getting an object representing the current tab. How do i obtain the index? My code is as follows: var selected
Silverlight player not working in jquery ui tab
Hello All, I have used jquery ui tab control and within that tab i placed JW Player(free silverlight player http://www.longtailvideo.com/players/jw-wmv-player/ ). Now let me describe my problem... I have four tab page 1. Player 2. Participant 3. Tag 4. Share. I placed JW player in first tab page. And other tab pages will display some data on demand.. i mean when you navigate to 2nd tab page it will load participant's data and so on.. Now scenario is when player is loaded and you are playing one file
how to make accordion content more compact using styling ?
Hello, I'm looking for a way to make the accordion content more "compact". By that I mean that I'd like the content to stick as close possible to the header of each section. For instance a couple of pixels below the widget header would be quite nice. I'm quite new to jquery and jquery-ui, but from what I understand, the active content is styled as ui-accordion-content (eventually -active if selected). If tried to override the ui-accordion-content in order to set all margins/paddings to 0 and to make
draggable, droppable and sortable ???
Hi all, I need some help about the use of these plugins. Let me explain you what I need : The background is about rugby competitions. I have on the left of the screen, a list of countries, and on the right, one or more divs that will contains a list of countries dragged and dropped on them. Those divs are groups like 'group A' or 'Top 10'. So I want to have the possibility of dragging countries from the first list to those divs and I also need them to be sortable. Actually, I can drag a country from
Modal Dialog Opening Offscreen After Scrolling Browser Window
Does anyone out there have any idea on the progress of this issue? Please see link: http://dev.jqueryui.com/ticket/4539 I've spent days trying all sorts of things but just cannot get it working as expected. It happens in Chrome 5. I would think that this would be a critical problem that would get lots of attention but cant seem to get any feedback. Please someone shed some light. Thanks!
Dynamic HTMl form
Hi All, Please guide me on how to achieve this. I have a link add URL which on click gives a dynamic text field and a remove button which on click removes that form element. On click on Add URL link many such input fields will be populated. How this can be achieved using jQuery. Please help/guide on making this possible. Thanks in advance, -- TNS.
Problems with IE and jQuery ui-icons
Hi All I'm not very long time working wiht jQuery but have allready some outcomes :-) Tody i detected the ui-icons were not displayed in IE8 on Win7 with jq1.4.2 an ui 1.8.2 Firefox and Chrome to this well! <a href="?function=EditDetails&id=6"> <img src="ui/img/blank.gif" class="tooltip ui-state-default ui-corner-all ui-icon ui-icon-info" title="Edit"/> </a> Does somebody know why? thanks lot for help
jQuery Validator Plugin
Hi Everyone, I'm using this jQuery validator plugin. I'm having trouble applying it across multiple forms. the first form (here) works just fine with the JS file (here). However, when applying it to a separate form (this one), base on the same code, with additions, it doesn't validate at all, instead it submits the form straight. The JS file for the second form can be found HERE. Any idea as to why this is happening? Best regards, Tabitha
Submit inputs in a dialog
Typically I use AJAX to submit data from a dialog, but this time I wish to traditionally submit the form. My inputs in the dialog, however, appear outside the form. The only way I can get it to work is move the value in the input to another input. Is there a better way? On a sidenote, any ideas why this submits before clicking "save"? Thank you <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Trouble with a sortable in a hidden div
I have the following sortable: <div id="add-outing-form" style="display: none;"> <ul id="outingContactsBox" style="display: block;"> <li id="outingContactsLabel" class="ui-draggable">Drag and drop contacts here</li> </ul> </div> I also have a draggable list in the page. When the page loads, the div containing the sortable is hidden through display: none and the draggable is disabled. When the user clicks the link to show the sortable div, it displays using the show() function and the draggable is
cloning / dynamically adding another quasipartikel multiselect
I am cloning (via .clone()) a block of html that includes the multiselect component of http://quasipartikel.at/multiselect/ When I pass true into clone function, the cloned multiselect events are handled by the original multiselect. If I pass false into the clone function, no events are generated. Through some testing, it appears that .multiselect() can only be called once (without destroy) in order for correct behavior. Is it possible to apply .multiselect() to new multiple selects as they get
Autocomplete – autoselect of the first item
Hello, how can I force the autocomplete to automatically select the first item in the list? Thanks, Vojtech.
xhtml doctype declaration breaks accordion in IE8
I've been having some odd problems with the accordion in IE8. I'm using ULs, and in IE8, although the initial accordion lays out correctly, the LI elements seem to lose or alter their margin/padding settings and move about unpredictably onmouseover when the second accordion is opened. I've traced the problem to the DOCTYPE declaration. I'm using XHTML strict, but it also breaks when I use XHTML transitional. When I remove the DOCTYPE declaration altogether the problem disappears. I need the page
Saving portlet state
Hi guys, is there a way to save a portlet state, after sorting(..in a cookie). I don't see built-in functionality for this in docs :(
Passing functions to options in jQuery UI
It would be nice if I could pass a function as an option when using jQuery UI, like I can in jQuery 1.4 with the .val() method. For example: $(":button, :submit, :reset").button({ icons: { primary: function (element) { return findIconClass(element); } } }); (where findIconClass() returns any 'ui-icon-*' css classes on the element)
AJAX Tabs and Dialog won't work alongside one-another, work fine separately,,,
When researching my problem, most of the links I find are people trying to put tabs inside a dialog box. I'm not trying to do that, this is more straightforward... I can get tabs to load remote content via AJAX, and the dialog to function as a logout menu, but only separately. My problem is the dialog stops working when the AJAX tabs are introduced. If the tabs simply load div content, as the example on the JQuery UI example page does, it all works fine. I am using the pepper-grinder theme. My firebug
Interesting Buttonset Issue
In Firefox 3.6.6, I'm having an issue with creating a buttonset from a series of radio buttons. The HTML for the buttonset is: <div id="lcaovizdiv" style="padding-bottom:4px;display:inline-block;"> <input type="radio" checked="checked" id="opaque" name="lcaoviz" onclick="jmolScript('lcaocartoon opaque')"/> <label for="opaque">Opaque</label> <input type="radio" id="translucent" onclick="jmolScript('lcaocartoon translucent')" name="lcaoviz"/> <label for="translucent">Translucent</label> </div>I establish
Am I creating a memory leak?
function Widget(){ this.myfield = $('#id_myfield'); var clickHandler = function(event){ //do something }; this.myfield.bind('click', clickHandler); } myWdgt = new Widget(); I was reading https://developer.mozilla.org/en/a_re-introduction_to_javascript and I was not sure if this applied using jQuery also. I have made it a habit to try to only query the DOM once for performance reasons. Now I'm not sure if I'm creating a memory leak by doing so. Should I be utilizing
autocomplete - just showing loading gif
Hi, I just added a very simple autocomplete test (never used it before) to a input field:- $('#fvenue').autocomplete({ source: ['myc','wya','rya'] }); But I'm getting this error:- http://www.sailwave.com/stuff/Clip1.jpg Anybody else seen that or knows what I'm doing wrong... Latest formal releases of jQuery and UI - 1.8.2 and 1.4.2
tabs() is duplicating my container inside the tabbed content?
Hi... this is all a bit complex, but I can't figure out where I've gone wrong. I'm loading a page of content into a Fancybox - I then call tabs() on the loaded content. This is my JS: $(document).ready(function(){ $("a.fancybox").fancybox({ titleShow : false, onComplete : function(){ $('.lightbox_content').tabs({ ajaxOptions: { error: function(xhr, status, index, anchor) { $(anchor.hash).html("Couldn't
problem with custom UI theme
When I create a custom UI theme, I get the following message: output file /srv/jqueryui.com/htdocs/repository/cache/f389fefbd1e9d69fdb828d9696044d34/jquery-ui-1.8.2.custom.zip doesn't exist, redirecting to /download What am I doing wrong?
How to pass more than one param to jQuery UI Autocomplete?
The developer predicted only one param inside this plugin :( I need at least two to compose SQL select. I have something like [test code]: $(function() { $("#state").autocomplete({ source: "states.php?city="+param1, minLength: 2, select: function(event, ui) { $('#state_id').val(ui.item.id); $('#abbrev').val(ui.item.abbrev); } }); });
Datepicker height problem
Hi all, I would like that my datepicker don't resize when i change month. Many month, for example, have 5 rows of days (5 weeks), others month naturally, have 6 rows of days (6 weeks). Is it possible set datepicker have always 6 rows? Thanks in advance Luca
DatePicker Hover over Prev and Next
When I hover over the Prev and Next buttons\links the background color (white) appears over about 1/2 of the left side of the word Prev or Next. Of course, I'd like the background to be it's full-size. JQuery 1.4.2 JQuery UI 1.8.1 I did make some adjustments to the DatePicker CSS as follows. I'm not sure if these adjustments caused the problem with the hover background. .ui-datepicker { margin-left: 100px; width: 200px; z-index: 1000; } /* Problem: The "t" in Next in the JQuery DatePicker
Next Page