setting jquery tabs cookie
Hello, I have this code, but can't get the cookie part of the tabs to work correctly. http://x11.us/jquery/ Any thoughts on how to fix the tabs so that on page refresh the user is presented with the last saved tab. Thanks Norman
Dialog effects and their options
Hi! I might be missing something, but I think there is a bug (or limitation depending on how you look at it) in the dialog widget's way to handle effects. I'm using the "hide" option as the example. As you all know, one can specify options when creating the dialog, for example {hide: 'effectName'}. However, some posts here also talk about that it should be possible to specify options like {hide: {effect: 'effectName', speed: 1000}} I have now tried this long and hard and really dont think that works.
Is it possible to programmatically cancel a resize?
I'm working with a grid of divs that are both resizable and draggable. I want to limit the resizing so you can't make one div overlap another. Kind of like containment, except the other objects are siblings to the one being resized, not parents. The only thing I can think of would be to monitor the resize events during the resize and cancel it if the mouse moves into another div. But I can't figure out how one would programmatically cancel the resize. Any ideas?
Draggable issued with Embedded flash object in div
Hello folks, I have an embedded flash object in a div and I am trying to make the whole thing draggable. The start of the drag works fine but letting go of the mouse after dragging doesn't stop the drag and the object continues to move with the mouse. Am I missing something obvious ? Have other people run into similar problems ? Any workarounds people could point me to ? Thanks in advance for the help Vipul
Cancelling a drag and drop
Hi Do you know a way to cancel a droppable action? For example i put a div droppable in other one like a view on a picture. <div id="containerView"> <div id="droppable"></div> </div> but i want to stop the dragging when the mouse goes out of the CointainerView. The "containment" property is useless in my case. My droppable obejct is bigger than ContainerView. So there is a way to cancel or to disable temporaly the dragging action. Thank to you.
Extend Existing Widget?
Is it possible to extend an existing widget? I'd like to extend accordion and add a couple features that don't exist in the current. Or is the only way to copy the accordion code and modify it from there? I was trying to do something like below with no success. Thanks $.widget("ui.accordionCustom", $.extend({}, $.ui.accordion, { ... new code here ... }));
Sortable and e.originalTarget in start for WebKit
It looks like the Sortable plug-in has an issue in WebKit where the e.originalTarget is not set in the start and stop handlers. Specifically I've created a sortable and needed to surpress clicks firing from the drop operation of the sortable item. The code below works in IE and FireFox, but in Safari/Chrome e.originalTarget is undefined resulting in the unbind/rebind operations being ignored: $("#divBookListWrapper").sortable( { opacity: 0.7, revert: true, scroll: true, containment: "parent", start:
Droppable area is based on the pointer location instead of the dragged item
Hi, I have an issue in IE 6 where a droppable event fires when the draggable doesn't actually get dropped on the droppable. The draggable is kept on a "X" axis and cannot be dragged on the droppable, yet when the draggable is dropped, if the pointer is within the droppable area, the drop event is triggered. I've created an example <!doctype html> <html> <head> <title> testing drag </title> <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></ script> <script src="/js/jquery-ui-1.7.custom.min.js"
jQuery UI webOS
Hey, Last year I've started an experimental webOS using jQuery UI (beta version back then). Anyway, the project is pretty much dead now, but I just taught it could(maybe) be used as an example for jquery ui, considering that extjs already has this kind of example. You can(sometimes) see it live here: http://ginfocomp.hopto.org/oxygenos/ . It is not permanently online, I don't have anywhere to host it. More info here: http://www.behance.net/Gallery/OxygenOS-experimental-webos/222571 with a small screencast,
Themeroller broken?
I tried to download a theme from themeroller this morning but the archive appears to be corrupted. I get the error: unzip: cannot find zipfile directory in one of jquery- ui-1.7.1.custom.zip or Is anyone else having this issue? If this is the wrong place to report this, I apologize, and please let me know what the correct place would be. Thank you.
Is there an elegant way to add the tabs panel to a different div?
jQuery UI 1.7.1 My initial structure for tabs functionality with the ui-tabs plugin is: <div id="ddblock-tabs-1" class="ddblock-tabs ui-tabs"> <ul id="ddblock-nav-tabs-1" class="anchors"> <li><a href="#ddblock-tabs-1-t0" class="ddblock-tab">Tab 1</a></li> </ul> <div id="ddblock-custom-pager-1" class="custom-pager ddblock-pager custom-pager-bottom clear-block border"> <div class="custom-pager-inner clear-block border"> <div id="ddblock-tabs-1-t0" class="tabcontent ui-tabs-hide"> <div class="custom-pager-item
Selectable throws an error on click
I am getting a:Object doesn't support this property or method when clicking on <li> in selectable. This happens in IE. Firefox and Chrome just don't do anything. Error happens on the event = $.Event(event); line. Anybody else experiencing this problem. _trigger: function(type, event, data) { var callback = this.options[type], eventName = (type == this.widgetEventPrefix ? type : this.widgetEventPrefix + type); event = $.Event(event); event.type
UI 1.7.1 ui-icon and text issue??
Hello, I want to have an icon linked with text next to it, seams simple but can't figure it out??? If you take the index.html page in the example: /js/jquery.ui.1.7.1/index.html and add the following to the page: <a href="#"><span class="ui-icon ui-icon-pencil"></span>Edit</a> You get the icon pencil a line break then the text. using this code: <a href="#"><span class="ui-icon ui-icon-pencil">Edit</span></a> you get the icon pencil and no visible text... So what is the proper way to have linked text
Hiding content of tab divs until page load completes
Hello, I have implemented the tabs on a page successfully. However, when the page is loading the content of the divs & tabs shows up unformatted as if it were one big paragraph until the page finishes loading. At this point, the tabs are rendered properly and the other divs hidden. Any ideas? Thanks!
accordion styled menu
Can someone supply an example of a jquery UI 1.7.1 accordion styled for a side menu ? Ideally such that it works with themeroller. I.E something that makes the links completely fill the space below in even sized rectangles. E,G like the CSS Example menu here:- http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm I'm new to jquery UI, so forgive me if asking the obvious question. I thought that this would be the most common usage of the accordion, for side menus, so was expecting
fire tabsselect on active tab
I want to have my own custom event handler for tabsselect because I need more flexibility in the content displayed than just a basic ajax query or some static content. I basically want to be able to have my own callback function for each tab, the callback function determines what to do based on the tabs hash right now. I saw there was an example of selecting the currently added tab, but I only want to execute this function for the currently active (first) tab.. I tried triggering tabsselect on the
sortable vertical align
Hello, Is there any way to vertical-align sortable's elements? I tried adding it to the css but it doesn't seem to work. Also i couldn't find any info about this on the web. Thanks.
JQuery UI's effects and page refreshing
HI everyone, I'm new to JQuery and its UI component so perhaps this question isn't too difficult to answer. I'm building a personal website (A working version is at http://www.cc.gatech.edu/~wmanzoul/v2/ ) using the UI effects such as "slide" and "explode" and am encountering a strange situation. When I either point my browser (Firefox) to the page for the first time by putting the address in the address bar or when I refresh the page, the header div (where it says my name sliding in from the left)
Sort Problem
Hi to All I get 20 Records from Database Using jQuery ajax this time Sorting works well But next time when i Get 15 or 25 Records from database Using a textBox then sorting not works again third time when I get Records then it also works fine but at 4rth time again it does not work Please help me
Seeking clarification of datepicker UI core dependency
I'm in the process of switching from one big UI file to UI core + individual interactions / widgets based on the needs of each page. I found when I had a page using datepicker without UI core that datepicker seems to work just fine without the UI core. When I go to the custom UI download, I can select datepicker without it telling me I need the UI core file - unlike every other item. However, when I go to the datepicker documentation page, it lists UI core under dependencies. I'm assuming since it
canonical way to have multiple columns use ui.selectable?
I have a table containing lists like this <table> <tr> <td> <ol id="my_sort_id1"> <li> blah </li> <li> blah <li> </ol> </td> <td> <ol id="my_sort_id2"> <li> more blah </li> <li> more blah </li> </ol> </td> <!-- etc etc etc --> </tr> </table> I want to attatch selectables to any of the lists in the table 1) Do I have to use an id or can I use a class instead? 2) Can I send a variable id or classname to the initialisation function ? any help gratefully received
canonical way to have multiple columns use ui.selectable?
I have a table containing lists like this <table> <tr> <td> <ol> <li> blah </li>
Taking content from tabs and putting it in an accordion
I have some tabs, whose content is being loaded via ajax (setting the links href to a site). I also have an accordion with two sections whose contents I want to relate to the active tab. so If I click the 'about me' tab, for example, the accordion might show a list of my favorite foods, or something similar. my current setup is this: each tab has in some divs, one for each dynamic tab. the divs in the tab have a unique id, so I need to use jquery to, once the tab is changed and the content is loaded,
Multiple Ranges in Slider
Hi guys , I'm working with the SLIDER plugin ,i WANT TO HAVE THE ABILITY TO get multiple Ranges in the Slider the code should look something like this . but it doen't work it seems it just works with one range does any one has any Idea , thanks $("#PrimaryRules_slider").slider({ range: true, min: 0, max: 500, values: [ [75,300] , [310,400] ] , slide: function(event, ui) { } });
Feature Request for Draggable
I'm not sure where to go to post feature requests... In the same way the "helper" property can be either a value or a function, I need the zIndex property to accept a function so that I can utilize my own custom z-index manager. Bill
Keep tab link active for selected tab
Hello, I basically need the current selected tab to remain clickable (meaning the link should still be active). The content in the tab is loaded through ajax and can change, so the way the person can "refresh" the content it by clicking the tab again. But the default settings make the tab not clickable once it's selected, which makes the user have to click on another tab then back to refresh the content. I appreciate any help, thanks.
UI Accordion "navigate", what is it for?
Hi, I am absolutely new to jQuery. The first thing I have tried to do is use the Accordion widget. This has been pretty successful as a first try. I found a nice two part on-line example to that really helped [sorry, don't have the url at this second]. There is a feature that I do not understand though. What is "navigation" supposed to do? The docs are not clear on this [to me]. My best guess is that if you have a "header" that has an 'A' tag then clicking on that header should 1) toggle the expanded
JQuery with ASP.NET
When I user Ajax UpdatePanel or Validation with JQuery DatePicker I Got Microsoft JScript Error , Is There Any Solution ? Thanks ..
Combine JqUI Dialogs with BlockUI
Hi, I like to use JQuery UI modal dialogs for my project, but I'm unhappy with the inflexible overlay effect, that only can fill up the entire screen. I like the flexible approach of BlockUI (http://www.malsup.com/jquery/ block/), which can also block a specified element. Has anyone experience in combining these 2? The main difficulty is to get the dynamically generated HTML from the modal dialog and dump it into Block UI, regards, Franz
jQuery UI Datepicker - Can't select date
I'm having problems with using the Datepicker plug in on an internal website. I'm loading jQuery1.3.2 and jQuery UI 1.7.1 via Google Ajax Libraries. I click in the input field and the date picker appears, I can click a date, the date picker closes and immediately dumps the following error; date.getMonth is not a function http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js (line 10) Is a date library or plug in required in order to use the Datepicker plug in? Another interesting things
Datepicker: Selected date is today's date - Even when page loads with a date-value in the input-field
I have an issue with the datepicker, which is that today's date is the one that appears to be default selected when I click on the input- field for the date, eventhough the page loaded with a different value in the input-tag.
JQuery widget as .net custom control
Hi, I have developed a jquery dialog that is going to be implemented as a custom control in a .net web app. All examples I have found on implementation uses custom server controls etc and I cannot figure out the way to do it with a client control. Is there anyone out there who is experienced in implementing jquery widgets as .net custom controls and can help me? Cheers -- View this message in context: http://www.nabble.com/JQuery-widget-as-.net-custom-control-tp23541087s27240p23541087.html Sent from
toggle slide glitch
Hello, This page has a simple example of a slidedown area with 2 links, each with different methods of sliding http://reenie.org/test/jquery/t2.php method1 is $("#slidewrapper").slideToggle("slow"); method2 is $("#slidewrapper").toggle("slide", { direction: "up" }, 1000); using jquery-ui In the first effect, the entire box is always visible while it is sqeezed or expanded. In the second effect, the box maintains its size as it slides in and out of view. The first effect works well in Firefox and
Single panel for tab content, multiple tab lists
I have multiple tab lists (2) different ul's with tab links under them, and I want the contents for each tab to be in a single content block. I only want the contents of one thing displayed at a time. Right now it is displaying 1 tab content from each tab list. Is there any way to get this to work? Example: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"
jCarousel by Jan Sorgalla
Hi, Hoping someone can assist, I was wondering is it's possible to use navigation buttons along the top of the Carousel, with a short description, that will allow the user to directly navigate to a panel within the carousel, using jCarouosel? Basically, if I want to do go directly to panel 5 instead of pressing the right arrow 5 times, can this be done? If so, would really appreciate your help on what's involved? Thanks. Tony.
Datepicker+Ui Dialog= Complications
Hi there I have sorted a few issues with datepicker from these forums, but i could not find an answer for this: - the datepicker inside a ui-dialog show up nicely and everything, but if the user decides to close the dialog box with the date picker open, the datepicker sits there waiting to select a date, any workaround for this? Thanks Vru
Datepicker UNDER modal dialogbox
Hi, i want the user to login via a modal dialogbox (which is by the way REALLY great with themeroller!!). There's only one thing i can't figure out: I have one <input type="text"> box which shows a datepicker when the cursor is in it. Unfortunately the datepicker is shown UNDER the dialogbox (i see only the bottom part of it, because the dialogbox is pretty small). How can i show it on top of the modal dialogbox? Thanks for this great framework by the way, it's really simple and powerful!
Need help with dialog when having a table.
Hi guys, I had small problem with the dialog. I had a table to nest my stuff and a div to show as a dialog. Everything seems work fine except that, the dialog was opened under the table. It looked terrible. Here is the code: <div id="viewBookDialog" title="Chi tiet book"> chi tiet ve sach herer test first </div> <table style="width:100%;"> ....stuff here .... </table> The viewBookDialog is support to show the dialog. Instantate dialog: $("#viewBookDialog").dialog({ bgiframe: true, autoOpen: false,
UI Dialog; Auto Center?
Hi there Is it possible to automatically center the ui dialog if the content has changed? The position:'center' option works well, the dialog is centered, but what if the content has changed? can the dialog automatically center iteslf based on the content? Thanks Vru
new weekly calendar
I thought i'd just do a rather shameless plug for a new jquery / ui plugin I released recently. I've seen a few people ask about this in different places so hopefully it might help someone out. The plugin is for displaying and managing calendar events within a week based layout. It has drag, drop, resize and various configuration options and events for customising the calendar behavior. It originally came out of an application i'm building so it's feature set is based around things I needed so I
Next Page