JQuery Accordeon + ASP.NEt user controls
Hi! I would like to know how I can use jQuery's UI control Accordeon on an asp.net website. What I have: A widget-like user control thath loads dynamically when the user selects an option. The user may have several widgets loaded at a time and they are all displayed in a "side bar" placeholder. The user can load or unload any widget. This is working fine. What I want to do: Use jQuery's accordeon do organise the widgets. Whenever the user selects a widget, I want to create a new accordeon page and
ui.tabs - how to retrieve a tab index from string identifier
Is there a way, given a tab name/href/identifier/object to retrieve the tabs internal index (required for remove(), enable(), disable() and load())? I have an event handler whose purpose is to remove the tab to which it is attached. Unfortunately, I can't find a way to locate the index of the tab, particularly in the face of the possibility that preceding tabs MAY have already been deleted, modifying the creation-time index. The one workaround I've found it to extend ui.tabs with a second getter
problem with Cookie in JQuery UI Tabs
Hi I use this code to add tabs with cookies enabled $("#tabs").tabs({fx:{height:'toggle',duration:'fast'},selected:0}); $('#tabs').tabs('option', 'cookie', { expires: 30 }); but when I use the second line , all tabs get disabled except one. - what's wrong ? - also if I use only the first line without "selected" option , the secont tab always is selected tab , why ?
Datepicker
I'm using the onSelect method of the datepicker to set the values of 3 selects. I'm using an input[button] element as the datepicker. I would like to prevent the datepicker from changing the value of the input [button] element. I've tried a few things without success. I've read through the docs. I hope I haven't missed something obvious. Thanks in advanced. $("#datepicker").datepicker({ onSelect: function(datestr, target) { var date = datestr.split("/"); $("#month").val(date[0]); $("#day").val(date[1]);
Text Links to UI Tabs on Other Pages
I'm a little new to this, so please don't think this is absurd I want to put a <li><a href=""></a></li> link to a page that has jquery ui tabs, but when I create the link href="http://www.mysite.com/ page.html#tab-2" it goes to the right link but not to the top of the page. It goes to the middle. I know this is because it is going to the hidden spot where #tab-2 begins, but how do I get it to go to #tab-2 while showing the top of the page?
Grabbing a Draggable while it's reverting?
Hi, I was wondering if anyone knew a good way to make a draggable item "grabbable" while it's in the revert animation? I have a fairly long revert duration and it would be nice if the user could prevent the revert by grabbing the item while it's in transit. Here's how I declare my draggable: $('.item').draggable({revert: true, revertDuration: 5000}); Near as I can tell, the problem arises because the "_mouseCapture" function of ui.draggable has a check for whether the helper exists: if (this.helper
Tabs panel as site main top navigation
Has anyone used the tabs panel as the site main navigation? Seems like they are only designed to work as a page widget? If thats the case then it's going to be difficult finding some tabs for my main navigation that I can make match teh UI theme. I just want a static tab panel for the top of my site, was hoping to use the UI theme and have everything match.
Downloads not working in IE7
I have had this problem since I tried to download UI 1.6 RC6 several weeks ago. The zip archive that gets downloaded is corrupted and I am unable to open it, it is fine if I use FireFox to download but for some reason IE7 has issues. Any one else have this problem?
Appending UI Dialog options
Is it possible to append Dialog callbacks rather than overwrite them? Specifically, in some circumstances, I want to append an additional function to the already existing Dialog open and resizeStop callbacks. Respecifying the callback in the following manner, though, replaces the callback rather than appending to it: $("#dialog").dialog("option", "resizeStop", function(){ eg() }; How can I append to the callback rather than replace it? Is it possible to store the original callbak in a var and then
Shadowbox/jQuery Issue
I am trying to implement Shadowbox on the portfolio I'm building at: http://portfolio.christianziebarth.com/ but, alas, it isn't working. I know Shadowbox is not specifically a jQuery thing but jQuery is my library of choice for this portfolio so I am wondering if I have all the relevant jQuery elements handled appropriately, such as the adapter. My Shadowbox test can be found by going to the "Other" tab and clicking on the thumbnail image with the boat in it. Thanks in advance.
Vertical display when numberOfMonths > 1
Is there a option or other way to stack the calendar months display when numberOfMonths > 1. I am looking to use the DatePicker control, not for picking a date, but displaying event information, and I'd like to display two months (which I can do by setting numberOfMonths = 2), but I'd like for the second month to be underneath the 1st, not side by side.
jQuery with Mshtml?
Hello, Wondering if anyone might have insight into using jQuery with Mshtml. I'm trying to automate a textarea control that is inside of a dojo widget (ajax). I want to send text to the textarea and have it display as if the user were manually entering the text. I've tried the standard methods but the control is wrapped so tight with dojo that I cannot get to it, the closest I can get is its offscreen textarea control, but placing text in there does not display it nor is the text actually attached
Tab select problem when user navigate away and then come back
I implemented the Jquery UI Tabs & RSH. They work perfectly when users do in page navigation. The history is remembered and URL also changed accordingly.. For example, for the third tab, the URL is like: http://www.XXX.com/shopping/rateplan.page?#2 The problem, when user navigate away, click browser "back" button to come back, the URL is correct. but it always show me the previous tab, not the tab on which user is browsing before they leave, I use following code to select tab: <script type="text/javascript">
Sortable with hidden rows.
I am using the Sortable plugin, and have a table that also uses the .toggle function to hide every second row - clicking on the first row (with mulitple columns) displays the single column second row - which describes the content of one of the columns in the first row. I want to be able to sort the table but keep the two rows paired. In other words, sort only on every second row. Sounds like this might be too big for .sortable to handle by itself. Does anyone know if this is possible? Thanks, Colin
.resize handle:all didn't work
.resize handle:all didn't work jquery ui 1.7.1
New event idea / request on Draggable component
Hi all, Just solve an issue so maybe that can help someone, let's share It will be nice to have an event in the draggable component fired when you are still dragging = mouse click not yet release + no mouse move for a period of time ( = no drag event for a period of time ) I solve my issue by doing this when dragging heavy dom structure ( processing latency ) or fast drag operation. So events order could look like : Start, Drag, "Pause", Drag, Stop Regards, Jeff
ui.dialog with iframe example?
I downloaded the ui.modal example (version 1.7.1) and I would like to load content into the dialog using content from another url. I didn't find an example of how to do this in the download. Searching the web, I've found lots of different ways to do this (iframe src attribute, load method, other plugins) but no great examples and would really like to know if there is a recommended way. Can anyone provide (or point me to) a recommended approach that will be robust against api changes? Thanks. -- View
IE8 Draggable / Sortable & PNG alpha transparency
Hi all, All I drag using IE8 Final become black and very ugly when i use PNG layout. Also visual issue by using FadeIn / Out on PNG Is there is a way to solve that ?? FF ( 3+ & nightly ), Safari, Chrome, Opera all works just fine. Regards, Jeff PS : for all Javascript lovers Microsoft bring us a nice IE8 promotion video named : "Get the facts on browser performance." http://www.microsoft.com/windows/internet-explorer/videos.aspx?mname=IE8_Perf_Test2 The most funny video out there !
Items losing events on Sortable
Hi people! I have a draggable list connected to a sortable. The items in the draggable list are portlets, which have two buttons (edit and remove), each of them with an event click handler. When I drop these items in the sortable, the buttons (edit and remove) lose the event handler. Check the code in the following links: Draggable: http://pastebin.com/m4e8df231 Sortable: http://pastebin.com/m72565038 What should I do to clone the events?
Rename Tab (Label)
How to rename a tab? $(document).ready(function(){ $(function(){ $('#tabs').tabs({ select: function(){ // RENAME TO 'Loading...' }, load: function(event, ui){ // REAL NAME } }); }); }); Other Solution??
Trigger droppable
Hope this hasn't been asked previously, couldn't find it when searching forums. I have a need to trigger the drop action through code. I have a jquery object being inserted into the dom above a droppable. That object needs to somehow trigger the drop action. Is it as simple as calling trigger("drop")? thanks
Jquery UI 1.7.1 Tabs - Close open tab on mouseout from overall tab group
I am currently using $(document).ready(function() { var $tabs = $("#tabs").tabs({ selected: -1, event: 'mouseover', collapsible: true }); I have tried including a .mouseout(function(){ //$tabs.tabs('option', 'selected', -1); $tabs.tabs('select',-1); }); // Used various combos of these I can see that a mouseout event is fired, when you leave the tab and move your mouse into the now showing div and another mouseout event is fired when you leave that div. What is the correct way to hide that div on
jQuery UI slider onchange event
I'm a newbie in javascript, and I need help. I have default function for UI slider, but I want to add one more event. When user change range value from slider, how can I change URL value? for example : index.php?rangemin=value&rangemax=value code is: $(function() { $("#price-range").slider({ range: true, min: 0, max: 500, values: [0, 300], slide: function(event, ui) { $("#prange").val('$' + ui.values[0] + ' - $' +
Dynamically update a div tag; javaScript fails to run for complex data
Hello, Need help. I want to dynamically update the contents of my div tag. Therefore I used jquery and the code is as follows $data= 'welcome to this page'; $("#element1").html($data); This code works perfectly fine for simple data. But for complex data say, $data = 'Hey welcome to webpage, 'Enjoy''; $("#element1").html($data); doesnt work because the javascript fails. Is there any method that checks to see if the content in $data is valid. Thank you, Ramya
Background div set as droppable - dropping on overlapping box div activates drop too?
I've got the following setup: - a semi-transparent div that covers the whole browser window - a box div on top of the background with sortable items in it <div id="background"></div> <-- this has z-index:1000 <div id="box"></div> <-- z-index: 1001 Now, if I set the background div as a droppable so that I could drop the sortables in it, the droppable still works even if I drop inside the box div. So it seems jQuery interprets that even though there's the box div in the way, the background is a valid
Flash Video / Movie Refreshes on UI Tabs Switch
Hello, Please check this following link: http://www3.telus.net/test_site/tabs.html http://www3.telus.net/test_site/tabs.html In Internet Explorer 6+, if you play the flash movie in the first tab, then switch to another tab, then go back to the first tab, the movie keeps playing. In all other browsers I've tested (FireFox, Safari, Chrome, Opera), the flash movie stops playing as soon as you switch to another tab. What am I doing wrong and is there a fix or workaround for this? I have to use UI Tabs
Optimized ddmanager
Hello, I am trying to write an optimized ddmanager for my requirements : I need to be able to drop stuff in a big table (200 rows by 5 columns) in IE6. Every cell is a drop target and the default ddmanager is too slow : a small delay is visible when starting the drag... As my needs are very specific I am trying to write my ddmanager this way : 1) iterate on each table row and check y coordinate of drop to check if draggable was dropped on that row 2) iterate on each cell of the row to find out which
Sortable porltlet dragging problem
I have got some problem on JqueryUI sortable portlet. I have 2 sortable areas. When I try to drag 1 element from area1 to area2, the placeholder goes on top of area2 whether there are elements on area2. It should be placed at the bottom of all elements in area2. I am attaching the code. Please help me out. HTML: <style> #leftContent { width: 500px; display: table; } #tableRow { display: table-row; } .column { width: 250px; vertical-align:top; background-color:bisque; display: table-cell; } .ui-sortable-placeholder
Get Tab URL
How to get the url for a tab? My Tabs is Ajax: <div id="tabs"> <ul> <li><a href="content1.html">Tab1</a></li> <li><a href="content2.html">Tab2</a></li> </ul> </div> <button onclick="alert(????)"> Tab 1 (or index 0) URL</button> Thanks!
UI Tabs replace current tab when adding new tab?
I current have a tab setup with two static tabs and i also have it set up so that when you click a link on a certain page that it creates a new tab and selects it. $('.view-proposal').livequery('click', function(){ var newLabel = this.title $("#project").tabs("add", this.href, newLabel); //new tab will be at end, get index var newIndex = $("#project").tabs("length") - 1; //select the new tab $("#project").tabs("select", newIndex); return false; }); What i need to do tho
Align tabs to the right
Hi everyone, I have been wondering whether its possible to customise the tabs so they appear on the right side of the screen, instead of the current left. I don't quite understand the theme css related to the tabs, so I'm unable to solve this on my own. Regards, ak57
Accordian - Multiple Open
Hi, Just wanted to say thank you for the 12 line snippet. Very good. Rob.
slider can't properly handle wide handles anymore?
My handle is a percent width of the slider. Before it would slide to each edge and stop as excepted. The value would be the middle of the handle. Now the value appears to be the left edge. Crazy things start happening when I try to move the handle. Anyone else experience this kind of behavior?
connectToSortable fails when sortable list is floated
I have the same problem as described in this topic (http:// groups.google.com/group/jquery-ui/browse_thread/thread/ a3c1c720bd74e8d8) : When I try to connect draggables with a sortable, and they are floating, we can't drag them to the sortable. The sortable works between itself, thought. Example here: http://pastebin.me/49c8b1ec0a2c1 If they are not floating, it works (http://pastebin.me/49c8b1e9839fd). Do you have any workaround ? Do you want help to debug and fix it? thanks Yann Dìnendal
jqueryui dialog and jqueryui datepicker
When I place a datepicker on a modal dialog the calender is always displayed underneath the modal div. Is there a way to fix this?
Will resize the jquery ui 1.5.3 at 1.7.1 of knobTheme how to use?
Will resize the jquery ui 1.5.3 at 1.7.1 of knobTheme how to use?
how to use 1.5.3-style knobHandles with 1.7.1
dear all how to use 1.5.3-style knobHandles with 1.7.1 http://jqueryui.com/docs/Upgrade_Guide#Resizable i don't know how to use
Problems with effects and accordion
Hello, I have posted an example as static files in a zip: http://www.filefactory.com/file/af7a0af/n/Archive_zip The behaviour is the same as I see: 1) There is no bounce of the top-icons right as the page is loaded, as expected 2) Clicking "Log på" creates a dimming overlay but displays no dialog as expected 3) The accordion doesn't look or act as an accordion (beginning with "Annonce") Any help appreciated. -dennis
Slider control problems
Hello, I tried my best not to bother the group but I cannot seem to find a solution to something which should be working. I have attached an html file which can be run to test the issues I am having. The html file is a dual slider which is used to limit the price of something. There are two input boxes which update with the value of the slider, and that works OK. Problem #1: if I update the input boxes, the slider does not update although I call the appropriate method to change the values. Problem
Tabs: linking to another tab from within a tab
I have multiple sets of tabs on a page. In each case, the first tab contains an image (of a data chart), and the second tab contains an accessible data table. My call is: $("ul.tabs").tabs({ fx: {height: 'toggle', duration: 350 }}); This is working perfectly, but I would really like to be able to click the image inside the first tab (in each set), and activate the second tab (so the user can "drill down" into the chart to see the numbers behind it). The documentation says you can do this using this
Next Page