Tabs don't display correctly after postback.
I am a rookie with JQuery so please bear with me. I have an ASPX page with two tabs on it. The first tab has a couple ASP:Dropdownlists that do an auto postback. When the dropdown is selected and the page posts, when the page is refreshed, the content of both tabs are now on the same page. Any thoughts?
Multiple UI elements on one page not working
Hi I have been having trouble for days using more than one UI widget {tabs + accordion} on one page. I use the demo code and separate script blocks but I can only get tabs to work. Seems really finicky what might I be doing wrong? using /javascript/jquery-1.4.1.js dependancys i use are <!-- Theme --> <link type="text/css" href="/javascript/themes/base/ui.all.css" rel="stylesheet" /> <!--JS Library --> <script type="text/javascript" src="/javascript/jquery-1.4.1.js"></script> <!-- Accordion
Populate Accordion dynamically with XML feed
Hi, I can read an XML file using jQuery and output this in the Accordion layout, but I cant then get the accordion script to "do its magic" the list of entires show up as if css and js is disabled.. Anyone got a working solution I can learn from and use?
datepicker value
Hi, I try to set up datepicker input field value, but it is always set to today, the code as following: <input type="text" id="datepicker" name="report_date" value="<?php echo $report_date; ?>" onChange="ChangeDueDate(this.value)"> $report day is not today, but the datepicker always display today. Could anyone help? Thanks henry
Jquery Tabs: How to return to last tab
I am using Jquery Tabs. When user revisits a page I want to bring him to same tab which he was on when he left the page. Any way of doing it without using cookies.
Datepicker Show Event
I am trying to create my own image button to open the datepicker. The one generated by the widget is actually an <img> which does not have a standards onclick event. I gave my button an onclick event of: $.datepicker.show(); $.datepicker('show'); and other possiblities. Nothing works. Can anyone give me the correct code?
Jquery UI Tabs
How to make the tabs float? I have google for any tutorial and examples. And already test. But currently failed...
Goto and open Accordion panel from Anchor Link
Hi, Been trying bits and pieces, almost managed to use the Navigation:True to my advantage but not quite!? I have a list of anchor links at the top of the page (also an image map on a country) when you click them, they need to go down to the relevant anchor (easy!) and open the relevant panel (not easy!). Any ideas?
Sortables: How to get the position an item is dropped?
I've been struggling with this for a while now! I have a series of connected lists and drag and drop between them. In receive I try to get the position it was dropped at like so: receive: function(e, ui) { var index = $(ui.item).parent().children().index(ui.item);but this gives me the position of the source item. How can I get the index it was dropped at in the target sortable?
Droppables in overflow scroll containers
Hi I have encountered a problem when I have multiple droppable areas on a page. I have a 'static' droppable area that will never move, above a div that has multiple droppable areas and can scroll (overflow: scroll). When I scroll the div so that one of the droppables in the div is 'under' the static droppable, the drop event is fired for both areas if I drop on the static area. Sorry, this explanation might be vague, so I put together a sample: <div style="float:left; width:300px; height: 300px;
[Tabs] It is possible to use ui.tabs in different content structure?
Hi, I've got a problem with jQuery Tabs. I want to use it with non-ordinary tab/content structure. My structure is: <ul id="tabs"> <li> <h2> <a href="#t1">Tab1</a> </h2> <div class="box" id="t1"> content </div> </li> <li> <h2> <a href="#t2">Tab2</a> </h2> <div class="box" id="t2"> content </div> </li> </ul> Is there an easy way to force this plugin to work with this?
Sortable UI - Sorting lists between 3 containers
Hi folks.. I have 3 lists set side by side. Ex: <ul id="list1" class="listSort"> <li id="id1">Data1</li> <li id="id2">Data 2</li> <li id="id3">Data 3</li> </ul> <ul id="list2" class="listSort connectSort"> <li id="id4">Data1</li> <li id="id5">Data 2</li> <li id="id6">Data 3</li> </ul> <ul id="list3" class="connectSort"> <li id="id7">Data1</li> <li id="id8">Data 2</li> <li id="id9">Data 3</li> </ul>This
Different instances of the dialog box Options
Hello. Im making a php site, and I want many instances of the dialog box to appear in the same page, as it is right now, only 1 instance is working, even though the id is in different buttons. How can I make it work? Thanks!
Datepicker short-cuts don't always work
Hi, I am experiencing some weird behaviour with the datepicker when using the short-cuts to change the date. It allows me to change the date as in that it highlights the correct days, but when clicking enter it won't change the date in the input field, when: - I have set a default date using the value attribute in the input field where the datepicker is tied too <input type="text" id="Date" value="some correctly formatted date" /> - Or I set the date using the datepicker API $(datePropertyName).datepicker("disable");
Datepicker Can't bind events after using calendar
Hi everyone, I'm trying to bind a "click" event to the .ui-datepicker-week-col class in datepicker. The event works fine if no other calendar events are triggered, but if I click on the "next/previous" months, or a day to fire off an alert(), the events I have bind no longer work. I tried placing the code in 'beforeShowDay:" but i'm unable to select a class that appears in the calendar itself. Thanks for your help.
Datepicker - display not clickable current date
Hey all! I'm using jQuery's Datepicker to show events in a calendar. With beforeShowDay option I fire method setScheduledDays(date) that returns [true, '<css-class>'] only for days that display a event and [false, ''] for others. Now I'd like to display the current date as it is by default even it is not clickable; the setScheduledDays(date) function returns [false, ''] for it. I tried to set some UI's css-class to that date but it doesn't apply if the date isn't clickable. Is there any work-around?
trying to use 1.8rc2 autocomplete in a sortable table
The autocomplete works find until the table is sorted (currently using http://www.datatables.net/) After the order of rows has been modified the auto complete suggestions appear in their previous position not their new position. Is there some way to tell the autocomplete widget to recalculate the positioning of the associated UL?
Refresh a dialog
Ok, i have 2 modal dialog boxes, A and B. A is opend and gives me a list from a DB, to edit i click a button which opens B, when edit is complet, I close B which should refresh A to give me a refresh of the DB. Is this possible? Prob a newbie question... sorry for that
Browser control?
Is it possible, when a modal dialog box is opend, to deactived the browser refresh and disable the user of closing the browers, so that they have to close the dialog first?
Preventing dialog() from rearranging DOM flow
I'm a fairly new to jQuery and the world of Javascript in general, so bear with me please. I have a form that will be used only via touch-screen, so checkboxes/radio buttons are all hidden and checked and unchecked via clicks on their respective labels. That works great. The problem that has surfaced is I am putting "sub-options" in a div which is then being initiated as a dialog on page load and taking those checkboxes and radio buttons out of the form element because jQuery puts the dialog elements
Tabs width
hello as a new user to jquery, i am trying to change the width of the tabs ui. i have checked the css and the image size seems to be 500? i have changed the image to 250 and it has made no difference. my questions is, how or where do i change the width for the tabs ui as i need as fixed width? many thanks
Adding validation to modal form
I already have a script that validates my forms in a standard html page. I have now moved the forms over to a modal dialog window. The form will sit on existing other pages in a non dialog environment and use the same validation script. I need to keep this simple so I would like to do the following: I need the script to be re-run when the window is in its 'open' state. My assumptions are that I need to use the 'open' event and call the script, How do I do this? Examples would be good as I am still
firefox only, flash reloaded in tabs page
Hi everybody, I use tabs and I insert flash elements with swfobjet.js but when i change tabs, flash animation is directly reloaded. this isn't orccur with IE6 or IE7 Any suggestion ? Let me konw if i not clear. Regards
dialog + draggable and dialog + draggable + judder
firstly does anyone now how to change the axis property on a dragable dialog assumed it would be either of the following $('#MyDialog').dialog().draggable('option','axis,'x'); or $('#MyDialog').draggable('option','axis,'x'); however i have no luck with either. anyone come across this before?
jQuery Cookie with multiple search forms in jQuery tabs problem
Hi All, hope someone can help. I have 3 search forms that have been jQuery tabified using the plugin in the UI. I'm having issues with creating cookies for each of these search forms so that when a user returns to the submission page the form values are kept for each form. The forms are supplied by a third party and are a package holiday search, flight search and hotel search. Each of these forms have common controls (inputs) in them that have the same name e.g. the departure date input is call 'depdate-day'
Problems with containment on draggable
http://jsfiddle.net/kZuyn/5/ I've tried both 1.7.2 and 1.8rc2 and they aren't working how i'd expect. When you hover between the boxes it creates a large translucent white box "bounds" and a skinny "divider". The divider should only be able to be dragged within that large translucent white box. Where the console log is, i'm setting containment as the parent but it isn't being contained there. I've tried using a number array too, and that won't work. I've tried soo many different things.. not getting
Does jqueryui 1.7.1 conflict with jquery 1.3.2?
These two files are loading in this order on my page. Is there a conflict? jquery-1.3.2.min.js jquery-ui-1.7.1.custom.min.js Thank you
Autocomplete 1.8RC2 - Customizing list
Can someone tell me if it is possible to customize the autocomplete list to, for example, include instructions at the top of the list? For instance the resulting html for the autocomplete list that appears may be something like: <div id="theautocompletelist"> <p>Suggestions</p> <ul> <li>Item 1</li> <li>Item 2</li> .... </ul> </div> I have had a look at the code but cannot see that it is possible but perhaps I have missed something? Thanks
controls appear cropped after animation is applied
Hi, I'm using jquery in an asp.net website. I've got some controls in one panel, and some controls in another panel. I've been able to animate transition from one panel to the next when the user clicks a particular button, but the controls in one of the panels, the one that is not initially visible, appear to be cropped by one pixel on each side. That is, radio buttons appear more octagonal than round, and textboxes appear to have a dot in each corner and the border is not dithered. Functionality
add icon/link to accrodion title
I'm trying to add something like this: http://pop.seaofclouds.com/ to accordion header (right corner). I tryed two ways, each one with different problem: 1. i added the div directly to header (h3), it positioned ok, open/close div is ok too, but ever i clicked inside the new div the click is captured by jquery and accordion close or open, so i cannot put buttons or links inside that div. 2. i added the div to the cintaner of the accordion, then with absolute positioning moved it to the header, i
nav li { background-color:rgba(9,6,5,0.5) }
Hello, I'm trying to use animate on a menu that has background color set to rbga. I get this error: h.start is undefined - line 10 of jquery ui I dont get the error if I set the background to a normal color Thanks
google map in dialog box have bug
google map in dialog box have bug, the navigationControl break. <html> <head> <link type="text/css" href="http://jqueryui.com/latest/themes/base/jquery.ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.4.2.js"></script> <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/ui/jquery-ui.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript">
how do i disable accordion item ????
<ul id="myAccordion"> <li> <a href="#1" id="first">Accordion 1</a> <div> Wow, look at all this content that can be shown or hidden with a simple click! </div> </li> <li> <a href="#2">Accordion 2</a> <div> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Aenean sollicitudin. Sed interdum pulvinar justo. Nam iaculis volutpat
Problems with drag/drop of different sizes
I'm trying to make horizontal pane sorting but the target area is messed up. It's most messed up with the "middle" element that's 50% width. http://jsfiddle.net/Yz9V3/106/ clcik left/middle/right and translucent blue bars appear between them. On hovering them, they light up(you'll see this is BADLY misaligned and is the problem I'm facing). Let go of the mouse to trigger the drop and they sort. Anyone have ideas on how to make this work? Seems like a jquery ui problem :/
Smooth animations as revert is set to true when you push away sortables
Right now when you use revert: true it adds a smooth animation when you drop your dragged sortable. I'm wondering if it's possible to make it so that the sortables you push away with your dragged sortable also moves in a smooth animation and not instantly like right now? It's the only functionality jQuery UI sortable lacks unless I've missed it. I also wonder how you could make it so the opacity while using revert: true smoothly turns back to 1 and not instant like now. I've tried a couple of things
Dialog UI and Ajax Submit Form Problem
I have a UI Dialog that contains a form. All form data is in the dialog. I want to ajax submit the form so I get the response in the dialog. The dialog works and the form submits. The problem is that I get the form processing page displayed rather than the data displayed in the dialog. I am using UI 1.7.2, the forms plugin and jQuery 1.3.2. I have also tried with jQuery 1.4.1. Here's the working code: $(document).ready(function() { $('#vemail a').each(function() { var $link = $(this); var $dialog
Nested Sortables
The ui-sortable example at the link below is excellent: http://ui.jquery.com/demos/sortable#placeholder However, there doesn't seem to be an option to make a sortable nested. A few plugins seem to exist, the best I've found is this: http://bitsinashortbit.wordpress.com/2007/07/22/nested-sortable-jquery-plugin/ However, would it not make sense to make a nested: true; option available in the main jQuiery UI code? cheers, DAZ
Sorting tabs programmatically
Hi, What's the best way of sorting tabs programmatically, ie. not by making them sortable and dragging the tabs around with the mouse. The only solution I've come up with was to delete the tabs and adding them back in in the desired order. Any better way of doing this? Thanks,
Problem when adding tabs.
Hi, I have a script which sorts the tabs programmatically by removing the tabs and adding them back in in the desired order. This script used to work fine before upgrading to 1.8. The script still does what it's supposed to do, but extra spacing is added at the top of the currently selected tab after each tab is added. After the script has executed, the currently selected tab looks as expected if I click on a different tab and back again. I've noticed this behaviour in both IE6 and FF 3.6. The tabs
How can I get the month of the datepicker?
How can I get the month that appears on datepicker and that month is not necessarily the present month?
Next Page