jquery.ui package layout
Hi, we've been working on a jQuery UI drupal module -- http://drupal.org/project/jquery_ui -- to make it easy for drupal developers to integrate UI with their drupal modules and themes. The module README instructs users to download the jQuery UI package from ui.jquery.com and extract in the appropriate directory. Based on the beta package layout, the module provided config options for site admins to serve either minified, packed or source javascript. Now however the rc package provides only the source
Combine sortable and resizable
Hi everybody, I think I've pointed out a bug in the new beta. I have a page with ul/ li elements. The li elements are both resizable and sortable. In the previous beta, it worked like a charm, but with the new one, sortable won't work when the elements are resizable. Example with the previous beta : http://pageperso.free.fr/im/demo/old/test.html => no problem, I can sort items and resize them. Example with the new beta : http://pageperso.free.fr/im/demo/test.html => the items are resizable, but I
Setting the order of a menu, using php and jQuery.
Greets, my name is Petre and I recently discovered jQuery. I`m currently working on a website, and I would like to give the administrator the ability to change the order in which menus appear. So if I were to have something like this order: (Home->Products-
Sortable: 'update' doesn't fire when last item from one list is moved to beginning of other
Example: http://www.justinstayton.com/sortableTest.html There are two sortable lists: #row1 with two items (#1 and #2), and #row2 with one item (#3). I have 'update' writing the row 'id' and sortable('toArray') to the console.log, so watch for it in Firefox/ Firebug. If you move #3 from #row2 to the end of #row1, or in between #1 and #2, 'update' gets fired twice -- once for the row it's leaving and once for the row it's going to -- as expected. The console.log should look like this: row2 [] row1
'this.handle.unwrap("a").mouse is not a function' when destroying a slider
When I destroy a slider, I get the error 'this.handle.unwrap("a").mouse is not a function' in ui.slider.js, line 49. Am I doing something wrong, or have I found a bug? Some background: I've created a slider and created a callback for the slide event that updates a value on my page. I've got a call to $.ajax() that results in the containing div for the slider (great-granparent) having it's html assigned to a different value. It appears that this causes $ ("#mySliderLocation").slider('destroy') to
resizable
Just some feedback. I've been playing with the draggable (excellent) and the resizable. The events from resizable don't appear to keep up. You can see this from the examples on the JQuery site itself. You can quite easily resize quickly and the final size/shape of the resized object does not reach up to the mouse. I've been playing with some code to fit other objects around a resized object and this bug becomes very apparent. I hope that this help. Otherwise a great release.
Where is ui.shadow plugin?
In svn, there are no more the ui.shadow plugin..... It is dropped? Why?
Sortable Movement glitch
First of all, here's my test page: http://brian.radioactivepickles.us/sort/index.html So far, it's working great. Even with limited documentation, I've been able to get it to do what I'm wanting. There are some JavaScript things I want to do yet, but I wanted to get the actual sorting working first. The issue I'm having is that when I move one of the "pages" (green) (it's supposed to be something to sort pages of a virtual book, so they can be created out of order, but easily placed back in the correct
JQuery Tabs 3 - Submit Form on Change Tab
I have JQuery Tabs setup which each have a form on them (called via AJAX), which when submitted add data to a database via an AJAX call. I want the current form to be submitted when a new form is selected via the tabs. What is the best way to do this? I assume the basic procedure will involve getting the form on the tab that is currently selected when the event of selecting a tab is clicked. It is OK for the form to be submitted when the same tab is selected. Thanks for your help, Adam -- View this
UI tabs, ajax, and bind (replacement)
Hello folks, I've just updated to jquery 1.2.6 and UI tabs (1.5rc1) and now find myself unable to see how to bind a function to the tab content loaded from an ajax call. Prior to my update of the 1.5rc1 UI Tabs, I could achieve what I needed via... $('#container-1 > ul').tabs().bind('load.ui-tabs', function(e, ui) { //various stuff here }); That approach no longer works in the updated version. A search of Nabble yields me this the following approach, but I am not sure if it is what I'm after,
drag and drop does not work with embedded flash
Not sure where my first message went. I have been playing around with the drag and drop utilities but I found that if a draggable contains an embedded flash object that it doesn't work. Is this normal or is my there something wrong with my code? Here is my code: <head> <title>New Block Page</title> <script src="jquery.ui-1.5b4/jquery-1.2.4b.js"></script> <script src="jquery.ui-1.5b4/ui.core.js"></script> <script src="jquery.ui-1.5b4/ui.draggable.js"></script> <script src="jquery.ui-1.5b4/ui.droppable.js"></script>
Dragging between sortables in different tabs: is it possible?
This may be functionality outside of the upcoming release, but i wanted to make sure I wasn't missing something. If I have two connected sortables in two different tabs, can I drag from one to the other by hovering over the tab during drag and having that tab then become visible? I tried to switch to a new tab on hover by declairing it a droppable and waiting for the "over" event, like this: $("ul li").droppable({ accept: $(".thedragged"), over: function(e, ui){ $(this).parent().tabs("select",$(this).children("a").attr("href"));
Can a droppable target see a sortable item as a draggable item?
Can a droppable target see a sortable item as a draggable item? I have a set of panels that a user can drag around like with iGoogle, sortable makes this ridiculously easy. However, the page also has a list of elements (think of them as folders) that I'd like to be drop targets. In other words, the user can drag a panel around on the page, as well as drop it into one of the folders. My hope was that I could just indicate the same accept class for both sortables and droppables, but it doesn't appear
According Menu system on my site
Good Morning, I am having problems with my menu system on my website, everytime an object is selected from menu the page reloads and the menu snaps shut once again. Would someone please help me with this as I am new to the subject and have a deadline to reach. http://cais.sjwright.co.uk Thankyou so much Tim
Build A Website For Free
Build A Website For Free Build Your own website without knowing HTML.Web Desining Software For Free. ************************************ http://webhostlink.blogspot.com/ ************************************ Low Cost Web Hosting Services Cheapest Indian Domains .COM,.NET,.ORG and .INFO Are Available @ Rs 310/-P.a.300 GB Storage,3000GB data Transfer.Instant Setup.For More Info... ************************************ http://webhostlinker.blogspot.com/ ************************************
Sortable: 'update' doesn't fire when last item from one list is moved to beginning of other
Example: http://www.justinstayton.com/sortablesTest.html I have two lists setup, the first (#row1) with two items and the second (#row2) with one item. Try dragging 'Latest Articles' -- the single item in the second list -- to the end of the first list, or in-between the two items. Look at the console in Firebug for the output. 'update' gets fired twice, once on the second list and once on the first list (in that order), as expected. Now, refresh and try dragging 'Latest Articles' to the beginning
UI Sortables - bug ?
Hi, one thing I've noticed on the UI sortables demo (or maybe this is the expected behaviour), is that when you move all items from one list to the other, you can bring items back to the first.. Dennis.
Detecting which handle in a 2-slider div was moved
I have two sliders and have set range true. In my "change" function, how do I find out which handle was moved. Also if I want to change the value of one of them, how do I select the handle that I want. Thanks
Sortable: catching sort within same sortable (in light of 'remove' and 'receive')
Removing an item from a sortable is caught by 'remove', and adding an item to a sortable is caught by 'receive', but I'm wondering -- in light of these two recent additions -- if there's a way to catch movement within the same sortable? I know there's 'update', but that also fires when items are removed and received, and I can't figure out a way to filter out such actions. Is this just a result of my brain being fried from thinking about this too long, or is this a legitimate missing ability? Thanks
reloading ajax tab?
Q: I have a page with a bunch of tabs, including a tab with content loaded via ajax. That content has a button on it that performs its own ajax action (example: lets say "publish document"). This action requires me to reload that ajax content to display the updated display values (different icon and other stuff) How can I just tell that tab to "reload" from its source? I'm currently mucking around with stuff like: var $tabs = $(".ui-tabs-nav").tabs(); var sel_tab = $tabs.data('selected.tabs'); $tabs.tabs('select',
Is UI ready for a new production app?
I need to build a new app right now. Some of what's in UI would be helpful, and it seems wise to use the most recent and standard technology (rather than third-party plugins), if it's stable. However, my impression is that issues and fixes are still pretty frequent, and I have no sense of a final release will happen. I hate to ask, but is UI stable enough, *now* to build into a production app? If not, any idea how soon it would get there? Thanks.
fixed-width ui-tabs alignment
Hi I'm trying to set up ui-tabs so that the left side of the first tab lines up directly above the left side of .ui-tabs-panel and final tab's right side is aligned above the right of .ui-tabs-panel I have fixed the width of the tabs using the width and min-width selectors and I have been able to achieve the first tab/left alignment by changing the .ui-tabs-nav padding to 0 but have had no success with the tab/right alignment due to the right padding used to separate the tabs. I thought I may be
Tooltips in jQueryUI
Hey guys, I have to create custom tooltips for one of my applications. I have a help button and when the user clicks the button, a tooltip should appear (not on hover) Does JQueryUI have something for that? Or, will I need to use a plugin? If so, do you guys recommend any? Thanks in advance, Moazzam
POST form values to a tab in UI.Tab
Hi, I have an interface with several tabs and forms in these tabs. What I want to do now is on form submit POST the data to a tab. For small forms this works fine with serializing the form data and rewriting the tab url, but what if the size of the form data doesn't fit into the GET variable? melwood
UI Datepicker - IE6 Problem
Hello I have a very weird problem. I am a relative JS newbie so I don't really know where to turn for help. I recently started off with jQuery UI and absolutely loved it. I inserted the datepicker code into a page on our live server at: http://www.ezeego1.co.in/live/externalhotelbook.screen?offerpath=landingpages/holidays/flyhol_goa/flyholgoa_lftprmt.php?pck=Phoenix%20Park%20Inn%20at%20Goa%20(Ex%20-%20Mumbai)&frameHeight=360&frameWidth=776 It seems to work fine on FF2.0/3.0RC1 and IE7. But it keeps
UI.Tab Spinner brocken?
Hi, I have a problem with UI.Tab: Is the spinner brocken in RC1? I don't see any text assign with the option spinner and I also don't see the loading.giff which is in the css class ui-tabs-loading. It worked fine in beta2....
UI.Tab effects
Hi, I don't know if this is a bug in RC1, but when tabs('load', 1) is called, it doesn't do any effects, only when I click on the tab... melwood
Set Dialog Overlay Color Via CSS
Hello, When you have a modal dialog, there is a div that covers the entire screen to prevent user input of non-dialog elements. I would like to be able to change the color and transparency of that div via CSS, however it seems that this can only be done through javascript. I do not like having colors hardcoded into javascript in my applications. Is there no way to change this so it can set via an external CSS file?
Dialog : Title not draggable!
Hello, I use the version 1.5 of Jquery UI. I've downloaded this component : UI core, Draggable, Resizable, Dialog on the "build your download" page. My dialog window is draggable except when I click on the title (the text part) of the window. The dialog don't move in this case. When I click on the top of the window, on a part that don't contains the text, it works. I don't understand why because it works nice on the jquery documentation site, which use : <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/
suggestion for ui.dialog
I'm using UI to build a simple ajax app for a small admin area / web app, and I love it. One issue I have though is I am using the dialog tool for 2 dialogs that get loaded with customized HTML based on the database record being viewed. I pull in the html from the server. So, I was using the same <div> over and over to build my dialog, and the second 'instance' immediately confuses my open and close buttons. I noticed that UI does not assign a unique id attribute to its outermost div tag, which to
Global options for dialog
Using UI 1.5 RC1, is it possible to globally specify options for the dialog module? For example, if I want all my dialogs to use an overlay is there a way of specifying that globally, or do I have to pass an overlay: {} object every time I set up a dialog?
UI Slider: Step by preset values
I was wondering if anyone has done something like this already. I am looking to have the slider step by using preset values. For example the slider will only move if the value is one of the values in the following array: values = [1000,2000,3000,4000,5000,7500,10000,20000,30000,40000,50000]; The min value would be 1000, and the max value would be 50000. Any idea on how I could accomplish this or an already existing solution? Thanks, Adam
jquery ui 1.5 rc 1 ... datepicker css style changes
It seems the developer did changes on datepicker style names .... :( (I use it since 1.5 b2) Fortunately I didnt change much on my datepicker style .... :( well ... rc 1 getting closer to final ... dialog has been fixed .. thanks guys .. I did testing on my real project .. .hopefully in next 6 days i can see the 1.5 final .
jquery ui 1.5 rc 1 ... datepicker css style changes
It seems the developer did changes on datepicker style names .... :( (I use it since 1.5 b2) Fortunately I didnt change much on my datepicker style .... :( well ... rc 1 getting closer to final ... dialog has been fixed .. thanks guys .. I did testing on my real project .. .hopefully in next 6 days i can see the 1.5 final .
Dialog - Position:fixed
Are there plans to add options to the dialog to control css: position attribute (i.e. position:fixed)?
UI transfer effect
Hi, I think we really need a documentation or a test page to show the effect syntax. I need to use the transfer effect and it doesn't get the right coordinates (interface make it good) I would like to migrate all the "interface" code to the jquery-ui but ... it is still impossible for now. do you have some advises? Cheers, Sylvain
UI Documentation
Hey, Is that the final documentation that we see on ui.jquery.com? I don't see any Enchant documentation either? Anyone? Regards
ui Uploader
I cant, for the life of me, figure out how to get the ui uploader to fully work. There really isn't any decent documentation outlining the requirements. Ive slaved over the build and have managed to get the fileProgress callback to initiate, but the sBackendScript PHP file simply will not pickup any $_FILES, the PHP script doesn't even appear to run.. I've tried numerous URL's, an absolute URL aswell. Is there anyone who has got this code to work, and would know of the possible hiccups i should watch
auto scroll content in dialog
I can't seem to figure out how to make my content overflow scroll in a dialog using overflow: auto, and if I change the css file to be overflow: scroll, it still doesn't seem to work on resizeable dialogs. Anyone get this working, I saw some posts by someone in Brazil, even scoured his demo to see how he has it working, and i can't figure it out. I am using dialogs with the flora theme along with tabs, if that makes a differenence, and I'm using the release candidate just posted
new demos - no dialog
Clicking "Dialog" in the demos, you get "Ops, there is no template file for this component." Are the demos for this going to be posted soon?
Next Page