I have created an interface using jQuery UI Tabs, however one of my requirements was to have an 'All' option that would display the contents of all the pages in the tab group at the same time down the page. My tabs are being generated dynamically from PHP and I am giving each tab button an id so that the result looks like follows: <li ...
I am trying to get a vertical Superfish menu to display correctly inside of a jQuery Accordion widget but am running into some rendering issues such as the child elements only rendering inside the accordion div (they don't spill out and therefore are cut off), the superfish menus pushing the accordion elements down and causing alignment ...
I want to have a large HTML form broken up into several smaller sub-forms in a JQuery UI tabs layout. But I want to have one special "All" tab that has all of the sub-forms on that tab. So when a user clicks on the All tab, they can see and edit all of the form fields that are normally divided up on several tabs. How could I easily do...
I started using the jquery ui library to add some enhanced UI elements to the asp.net app. and have run into a minor bug/problem: I have a jquery UI dialog that is called when a button is clicked..the text for the dialog is all in a and is normaly hidden from the user, and then the jquery UI does its magic and uses that text to display...
Hi Guys, I've created a jQuery UI Modal form and I want that form to trigger postback but i'm having difficulty getting it to work. I know there are quite a few articles based on using the SimpleModal plugin and I have tried to adapt these and override the _doPostback function but with no joy. I think the problem is within the call to...
I've been trying to find a way to change the window.location.hash to the currently selected tab in [Jquery UI Tabs][1]. I've tried: $("#tabs > ul").tabs(); $("#tabs > ul").bind("tabsshow", function(event, ui) { window.location.hash = ui.tab; }) This results in changing the hash to #undefined when the tab is changed. I've also tried...
I added the following code to change the hash to the tab name: $("#tabs > ul").tabs({ select: function(event, ui){ window.location.hash = ui.tab.hash; } } ); This works fine in FF3 but in IE7 it moves down the page (depending on the tab selected anywhere from somewhere near the top of the page all the way down to the very end of t...
I took a snapshot of the jquery.js file and jquery-ui files that I use and dumped them into a giant .js file with all of the other .js files that I use for my site. When I do just this with no minfication/packing, the files stop working and I get "recursion too deep" errors on the file when I try to load it on my site instead of the usu...
I am using the JQuery.Sortable() function to create a reorderable list of items like so <script type="text/javascript"> // When the document is ready set up our sortable with it's inherant function(s) $(document).ready(function() { $("#goal-list").sortable({ handle: '.handle', placeholder: 'ui-st...
I am currently investigating replacing the tabs provided by a Struts 1 tag library with the tabs provided by jQuery UI. I have successfully managed to get the tabs integrated with the existing application but I am struggling on how to set the selected tab using a parameter on the incoming URL, that is myurl.com/action.do?selectedTab=Seco...
I search a good way to put <li> entrys into other <ul> container. The clue is, that when the <li> element is dropped into it's origin <ul> it should be reverted to it's origin place. I do not want them to be sortable. When it is droppen on an other list, it should be added to that <ul>. I am using the sortable plugin with the "connectWi...
Hi, I am using ASP .NET to display a JQuery dialog that has a few input fields. I now need these fields to submitted to an action method like how a normal HTML submit button would work on an ASP .NET MVC application. How do I accomplish this? This is my form data: All form fields are required. <%Html.BeginForm("AddUser", "Use...
Hi, I have a JQuery dialog that requires the user to enter certain information. In this form I have a "continue" button. I would like this "continue" button to only be enabled once all the fields have content in them else it will remain disabled. I wrote a function that is called everytime a field status has changed however I don't know...
If I have three tabs: <div id="tabs"> <ul> <li><a href="#sample-tab-1"><span>One</span></a></li> <li><a href="#sample-tab-2"><span>Two</span></a></li> <li><a href="#sample-tab-3"><span>Three</span></a></li> </ul> </div> I would like to swap to #sample-tab-2 by it's name. I know I can switch to a tab if...
I'm having problems getting UI code to perform at all well in IE. I have a table - a matrix of values. Each cell can be empty or hold a list of items. I want users to be able to drag items between cells. So my HTML looks something like this: <table> <tr><td></td><th scope="col">col 1</th><th scope="col">col 2</th></tr> <tr><t...
Hi, I'm playing with Drag and drop funcitonality for the first time so I'm not entirely sure what I'm doing! I need to add a class to a "portlet" while it is being dragged. I don't want to use the clone functionality because I want the user to drag the actual element, I just want to nodify the element while it is being dragged and rese...
Is there any good and light jQuery plugin out there make Scrollable Tables. I got one at http://www.webtoolkit.info/scrollable-html-table-plugin-for-jquery.html but that won't working non-IE and non-FF browsers. Thanks! ...
If my map has too many points on it I want my users to zoom in to view fewer points. I'd also like to display other notifications, not sure if I should do this on the map or not, but it would relate directly to the stuff on the map. Anyone know of an easy way to do this sort of thing? ...
How can I change the selected date of jquery Date picker dynamically on the fly? I have say created a inline date picker. Then after some time, I want to reflect a different date there without recreating the datepicker from the scratch. I tried the setDate method, but did not work, and there is not much documentation in the doc. There ...
Using Jquery to Open a dialog (with modal:true), which contains a form. Now i am removing some elements from the form based on choices made by user on the form.This resizes the dialog but the overlay is not resized. A shadow is left behind. Is there a way to re size the overlay when the dialog is resized? below is some code //fadeout(...