Dialog auto sizes itself when height and width set to "px"
Why if I set dialog({height : 'px', width : 'px'}) without any actual number preceding the "px" does UI Dialog automatically size the dialog box to fit the contained content exactly?? I found this out by accident.
Problem with sortables
Hi, You get an error in sortables if there is no element in it (for example if a UL doesn't have any LI elements in it.) I solved it by creating a sortable after an LI element is added to the UL element. However, I tried to make sure that it initiates the sortable only once (even if LI elements are added later on). Now, the sortable won't drag at all. Do I have to initialize the sortable everytime I add an element to it? Or, am I missing something? If my question requires more information, please
Slider steps does not returns fraction instead of integer, is it a bug?
I am new so i modified one of the demos to try out slider. Im using the following code to generate slider $('#example2').slider({ steps: 10, stepping: 10, minValue:0, maxValue: 100, change: function(e,ui) { console.log(ui.value); } }); The values that i receive at every step are listed below. It should have been 0, 10, 20, 30 etc Is it a bug or is it the normal output? How can i get normal integer output as 10, 20 etc? Example URL: http://www.asim.pk/slider_sample.php 0 9.67741935483871 19.892473118279568
likely bug - CallBack for success not fire with dataType: json
CallBack for success not fire in FF 2.0.0.12/13 and IE 7.0.5730.11 with dataType: json. Only not call function when return JSON type. With xml is right. thanks for a lot work in the plugin. Warning * jQuery Form Plugin * version: 2.07 (03/04/2008) i reported here: http://plugins.jquery.com/node/2125 regards Samarone Lopes
jQuery UI Accordion with Ajax
Hello everyone! I've had so far a great experience with ui.jquery, but I was wondering if it is possible to get the contents of a showing panel to be loaded with ajax. I've successfully binded the change.ui- accordion event to an anonymous function which loads my content through $.get(..), but it gets triggered after the show method, not resizing correctly. Additionally, it gets called on both hide and show, whereas it should only be called on show. I was wondering if there's any way to *keep* the
Activate Tabs
I'm taking ui.tabs a step further and using it as a main navigation. The only roadblock I am running in to is activating the main tabs and being able to get them to link to pages. Here is my demo reference page --> http://grantmx.com/test/ Here is my code thus far: $(function() { $('#nav-cntr > ul#nav').tabs({ event: 'mouseover', fxFade: true, fxSpeed: 'fast'}); }); So basically I am trying to get all of these guys... <ul id="nav"> <li><a href="#home">Home</a></li> <li><a href="#articles">Articles</a></li>
css for nested tabs
Hello, How do I style the nested tabs as per http://stilbuero.de/jquery/tabs_3/nested.html Thanks Norman
Latest jQuery UI draggable prevents onclick
With the latest build, attach a click handler to an element. Then make that element draggable. The onclick event handler never fires. What I'm trying to do is allow an element to be draggable, but show an overlay menu when it's only clicked but not dragged. It's always worked up until now.
drag and drop in IE6 quirks mode.
Does anyone have experience using the draggable API in IE6 with a transitional doc type. I've discovered that the draggable 'helper' that is cloned doesn't position itself correctly when the browser window is scrolled. It seems to be off by the amount of the document's scrollTop. Is this a known issue? Anyone know of a work-around or any other insightful info?? thanks very much in advance, - jdarren
ui.accordion demo page fix
On the demo page for the excellent ui.accordion plugin http://dev.jquery.com/view/trunk/plugins/accordion/demo/?p=1.1.2.1 reference is made to an autoHeight option -- should be autoheight. thx, Bruce
questions related to events..
hi i m new to jquery and i have just started learning jquery... i have bit of questions in events of jquery... i want to give effects to my divs using jquery on page load. so i tried this .. i have two divs and i want to give effect to this two divs...main and second are the divs... $(document).ready(function(){ $("#main").show("slow"); $('#second').show('clip',{ method: 'clip', direction: 'horizontal' });return false; }); <div id="main" style="display:none;">content</div> <div id="testimonial_e"
Multiple droppables affect each other?
I have two droppable areas on a page. The first is a div tag surrounding a list. Names clicked on that list become draggable items in a new list. The second droppable is assigned to input items in a form. I want to alternate between two states. Either the user is allowed to click on the first to add users to a list, or they are able to drag those names to the form inputs. In the first state, the user can delete names by dragging them back to the list. When I change states, I enable one droppable
UI for JQuery 1.1.4
Hi friends! Anyone has the UI's version compatible with JQuery's 1.1.4 version? If yes, this person can send me? I'm new in my job and I've doing maintenance in a old site with this JQuery's version and I need to do a page with drag & drop. If someone can help me, I'll thankful. []'s
tablesorter and ajax problem
I have a table in a div that loads with ajax. When an ajax call is made to load this div, Tablesorter doesn't work, but the alert statement below does work. But, when I type in the url of the div directly, Tablesorter does work. I have no idea where to look for the root of this problem. Is there something about ajax that causes Tablesorter to break? Please help.... <script> $(document).ready(function(){ alert("test test"); $("#user_list").tablesorter(); }); </script>
Tree
Whatever happened to the tree interface? Is this still going to be included in 1.5? (as per http://groups.google.com/group/jquery-ui/browse_thread/thread/8e39a37eebf6bc8a/) http://docs.jquery.com/UI/Tree There are still pieces of this, but it has not active for a while.
Prototype Class to jquery
Hi, I'am novice in Jquery. I would like to make like in prototype to create a class : Sample.Portal = Class.create(); Sample.Portail.prototype = { initialize: function(options) { .... }, load: function() { } } var portal = new Sample.Portal(); How i can do that with jQuery ? Thx
Triggering accordion from script
Hi I would like to trigger the opening of accordion from a script. I thought I could do this with .click(), but that is not possible, is there any way to do this, or do I have to hack the accordion script? -christian
XMLHttpRequest, JQuery.Tabs and AJAX
Does anybody know how to make jQuery.tabs work via a XMLHttpRequest? I'm am not 100% sure what I am doing wrong. I can get the data from the XML and XLS to load on the page but I cant get .tabs to activate. Not sure if my Ajax call for .tabs is correct. $('#art-info ul').tabs({ remote: true }); or if it's where I placed my .tabs scripts vs. how the whole call is parsed. Here is my test page: http://sf.grantmx.com/sf_goes_gospel_artists_ajax.html The path to the XML and XLS is in the source code.
a little confused
I want to play with 1.5b but do I need a separate Jquery Enchant download? Is Enchant its own plugin, and if so is it the old one I've seen mention of on this list? Is it just the FX kit thats included with the Jquery 1.2.3 download? specifically, ... other than 1.5b and 1.2.3 ... do i need to download anything else?
Accordion error in IE
Setting up a new site with accordion. Works fine in Safari and FF, but switching to IE 6 or 7 generates an error upon the second select of a list item: Line: 25 Char: 1337 Error: Invalid Argument Code: 0 Using accordion 1.5 (4529) with jquery 1.2.3 Any ideas?
Resizables - resizing multiple items with one handle
Hi, I'm trying to do something fairly odd: I have 3 tables stacked vertically (they actually have tabular data and are not used, *gasp* for layout). Due to some other restrictions I can't go into, they can't just be one table. What I want to have happen is that the user can resize the width of the first columns, but all at once so it somewhat appears that the three different tables are actually one big one. So the question is: is it possible to make resizable a group of elements and have them all
Tablesorter and collapsible rows...
Are there any examples of anyone implementing collapsible rows with the Tablesorter plug-in? I need to implement a grid similar to the ExtJS grid that has collapsible rows. See the first grid on this page: http://extjs.com/deploy/dev/examples/grid/grid3.html I'm figuring there's already a widget out there for this (since it's a pretty common function) but I haven't been able to find one. -Dan
Permission Denied/ Object Cache issue with XP Service Pack 2 and IE
Hi All We are using jQuery 1.2.1 in one of our project. It was working fine untill we didn't install Service Pack 2. After installing SP2 we are now getting "Permission Denied" javascript alerts and when we debug they take us to jQuery .js file at different locations. We google it and found some reason like following http://technet2.microsoft.com/WindowsVista/en/library/a63d1fa6-2236-4afd-81a8-288e939e69391033.mspx?mfr=true http://support.microsoft.com/kb/884698 in short these say SP2 put some restrictions
how to get coordinates of dialog (or any floating window) ?
Hi, I am trying to find the position (coordinates) of dialog as I drag it. I tried following code, looks like I am missing something basic. Can somebody help ? ( I am using latest ui.dialog.js, downloaded today 27/3/2008). <html> <head> <script type="text/javascript" src="lib/jquery/jquery.js"></script> <script type="text/javascript" src="lib/jquery/ jquery.dimensions.js"></script> <script type="text/javascript" src="lib/jquery/ui.dialog.js"></ script> <script type="text/javascript" src="lib/jquery/ui.resizable.js"></
refresh datepicker
Hi, we are using ui.datepicker (and are very thankful for it :) ) but I can't figure out how to do the following. We have 2 input boxes with attached datepickers that are using beforeShowDay, sometimes however the data that beforeShowDay needs is not available when the datepicker is shown. We raise an event when the data becomes available so I would like to be able to tell the currently visible datepicker to redraw itself. Any idea how i would go about doing that? I guess if redrawing is not an option
Custom opacity in pulsate plugin (done)
I have just added a small new features to the pulsate plugin as I needed them im my project. I uploaded the file into the groups file- area. If you can use the feature, here is a copy of my changes too. I would appreciate to see custom opacity included in the next versions. By the way: Is there any other was to contribute code to the project? In the last few week a have resolved a lot of problems using jquery and adding a bit of code here and there (mostly in plugins, I already contacted the authors
[Accordion]
Hello, I am working on a website in which I've utilized the Accordian plugin. It has operated unbelievably well thus far, but I've run into a problem that I can't seem to figure out how to work my way around. In one <div> of the Accordion code, I have several paragraphs. Within one of these paragraphs, there is a link to a separate page. When it is clicked, the current pane is collapsed, and the user is never taken to the appropriate page. The following is an HTML snippet from the document where
ui.slider.js range problem getting handle values (with solution)
I am using the latest ui.slider.js (revision 5107) and have created a slider with two handles and a range: $("#MyDiv").slider( { 'range': true, 'stepping': 1, 'minValue': 1, 'maxValue': 10, 'startValue': [1,10], 'stop': function(){ console.debug( $(this).slider('value') ); } } ); Everything works fine until I move one of the handles. The console.debug statement in my stop event listener reported the correct value. However,
JQuery UI Roadmap
Are there any offical roadmap for jQuery UI ? I want to use it as one of our new system, but seems that the core of jQuery UI is still changing. Any plan? Thanks
Dynamic Droppables...
Alrighty. First, some of the code.
attr() issues with droppable().
okeydokey... here we go. A Demo :- http://www.edition38.com/ui/uitest3.php What it does:- You can drag + drop connectors onto each other, across each of the 'boards' (a grey area is a board). When you drop a connector onto another it does the following:- - checks current 'connectedto' attribute. already has a value a popup box (via impromptu plugin) is displayed asking the user to either overwrite the current connection, or keep it. doesnt have a value set at present. - sets 'connectedto' attribute
ui dialog, why no css sprites?
Hi there Just a suggestion, or a question, why aren't css sprite images being used to build the dialog window? Less requests = faster loading. You could place all those separate (background) images into 1 image file and use background-position. This is what I have done, not sure why the default dialog does not use this technique, perhaps this issue has been addressed before? Peace Rich
Drag n Drop
Is it possible to add a non dragging zone( a zone that an draggable object could'nt pass over)? -- Tomé Vardasca
accordion in firefox
Hi, i am trying to use accordion in my web site. It works fine in ie 6 but in firefox it shows me some panels as extended. In Firefox the accordion has some elements expanded by default while in IE only the first one does.I am adding divs and paragraphs dynamically to the base div "list1b".
accordion
Hi, Is there any way to change script so, that it will not close an opened item automaticly while clicking another one? I want to get them independent one from each other.
Is there a trick to .tabs('select')?
Hello, I have the following little bit of code that is supposed to reset the loading URLs for my 3 tabs, load up the first tab, and then switch to it. Everything works except for the last statement, the 'select', which I thought was supposed to act as if you've clicked on the tab. Is there a trick to getting this to work? var $tabs = $("#uginfo > ul"); $tabs.tabs('url',0,'/upgrades/autocomplete.php?s='+sid +'&o=p&t=bfx'). tabs('url',1,'/upgrades/autocomplete.php?s='+sid+'&o=p&t=sec'). tabs('url',2,'/upgrades/autocomplete.php?s='+sid+'&o=p&t=enh').
Accordion inside tabs?
Hello, I'm trying to implement the accordion plugin inside of tabs. This presents a couple of issues, but the most pressing one right now is that the accordion functionality isn't activated. Any ideas on the best way to approach this? Details: I'm using ui.tabs, which are populated via Ajax. The tabs represent 3 separate sets of information regarding a system selected via another link. The sets of information in each tab are then broken down into packages which I would like to display using accordion.
Use of underscore in CSS ids should be discouraged
Underscore "_" should not be used in CSS class names and ids. At least ui.datepicker.js has this bad habit. Use dash "-" instead. http://devedge-temp.mozilla.org/viewsource/2001/css-underscores/ "This was not well supported by browsers at the time, however, and the practice has never caught on. CSS2, published in 1998, also forbade the use of underscores in class and ID names. However, errata to the specification published in early 2001 made underscores legal for the first time. This unfortunately
draggable, scrolling inside div with overflow:auto
Hi, I have a div with overflow:auto with draggable elements. Now, when I drag an item, the div does not scroll when dragging elements around in FF, IE and Safari. How can scrolling be activated? jquery 1.2.2 <html> <head> <script src="../src/jscript/jquery.js"></script> <script src="../src/jscript/ui.mouse.js"></script> <script src="../src/jscript/ui.draggable.js"></script> <script> $(document).ready(function(){ $(".block").draggable({ containment: 'document', helper: 'clone', opacity: 0.70, zIndex:10000,
What's the "best" way to handle dynamic enabling/disabling of tabs?
Hey All, I've got some code working that enables/disables some tabs in an interface I'm working on, and I'm just wondering what's the cleanest/ best way to handle this kind of thing? Some background: I'm working on a (tabbed) search interface, which has 4 tabs: Search / Advanced / Results / Actions Results and Actions need to be "disabled" until the user has actually searched with some parameters and found some results. At that point, I want the results + actions tabs "enabled" and the results tab
Next Page