Issue with widget on clone
I have a custom widget built on jquery UI that I am running into an odd issue with. Everything works as I want on initial use, but when I do a clone(true) on the widget and append it to another element, the cloned version does not seem to have a proper handle on where it lives in the dom - it returns the old id upon calling this.element.get (0).id. Do I need to do something, maybe call some method, to update this information w/in the widget, or is this only ever set upon initial creation? I did try
Pass custom js object to draggable and retrieve in droppable's activate event
Hello, Is there a possibility to pass a custom object into the draggable when creating it and retrieve it in the droppable's activate event or other events of droppable? Thanks
Sortable applets in IE
Can't seem to get sortable applets working in IE7: http://jquery.malsup.com/test/applet.html
sortables wont work in IE, pls HELP, li aint visible
I got this problem with sortables ( link: http://demo.creativ.si:8080/testing/sample.html ), as you can see li elements arent shown, and you cant select them, pls help.
Problem using ui.dialog as a substitute for confirm()
I'm trying to replace the standard browser confirm() function with a custom one based on ui.dialog. Here is the function: function confirm(msg) { var response = false; // Create the confirm dialog box and open it $("#confirm_dialog") .html(' '+msg+'') .dialog({ modal: true, title: "Confirmation Required", closeOnEscape: false, open: function() { $(document).unbind('keydown.dialog-overlay'); },
resizable work incorrectly with iframe
Hi guys. I have a problem with the resizable() function. When its use with iframe, vertical resizing work incorrectly. Who knows how fix it? Here is the code: <html> <head> <title>title</title> <style type="text/css"> body { padding: 0; margin: 0; } #resizeDiv { background: #EEE; width: 100%; height: 170px; border-top: 1px solid #CCC; position:
problem with jQuery UI's trac
Hi - when I visit http://ui.jquery.com/bugs/report/1, it shows the following: Trac detected an internal error: IntegrityError: (1062, "Duplicate entry 'f2a1751f6050e69-0-query_href' for key 1") Anyone know who/how I should report this? Thx
ui.jquery.com down ?
just checked, and the site seems to be down.. dennis.
[accordion] Sub Nav Height Issues
Can anyone help a newbie? I've used the accordion menu and restyled it to suit my needs. My issue is that the subnav is doing some weird things with the height. If I refresh the page the active one changes height and if I navigate to the other page it sets the height rather than taking it at 100%. Anyone any ideas? Thanks! http://www.bonsaibranding.com/water2water/
Using three inline form select elements
Hi, I seem to remember that the DatePicker supported using three inline form select elements as your date selection. If that sstill possible? I can't seem to see it in the demo. Thanks
UI Tabs - accessible tab order
Example: Tab 1 | Tab 2 | Tab 3 --tab 1 fragment-- --tab 2 fragment-- --tab 3 fragment-- Tabbing through a page with tabs will go in this order: Tab 1, Tab 2, Tab 3, Tab 1 fragment, Tab 2 fragment, Tab 3 fragment. What I would like to achieve is: Tab 1 | Tab 1 fragment | Tab 2 | Tab 2 fragment | Tab 3 | Tab 3 fragment. I realize this happens because of the structure of the markup, but wanted to know if someone had come up with an elegant way to achieve this. Wouldn't want to change my tabindex order
Droppable and Z-index
Hi all, I was wondering if someone has come up with this problem and perhaps a solution: I have several droppables on the screen which the user can move around and thus it is possible for them to overlap. When a draggable is placed on top of the overlapping droppables both get activated. In this case I would like only the one on top (highest Z-index) to "capture" the draggable. Any pointers would be greatly appreciated.
2 (or more?) datepickers and "disable"
I've been trying to figure this on my own, but searching the list doesn't seem to show anyone else having the same problem so possibly it's me doing something silly... I was creating a page wth 2 datepickers (with id's of start_date and end_date) and I wanted to disable #end_date until a date had been chosen for #start_date by initially doing $("#end_date").datepicker("disable"); in the $(document).ready function, then enabling it in the onClose function of #start_date if a date had been chosen.
JQuery ajax loaded pages lose scripts
When using the JQuery ajax to inject a page into another page, I lose the script file access from that page. I've tried reloading the script using $.getScript but with the JQuery UI I get a stack overflow on line 509. Here is the code I use for getting the external file: $.ajax({url: 'myfile.htm',cache: false,success: function(html) {fncLoadContent(html);}}); Anyone have a way of making the scripts available to files loaded through ajax? thanks ^.^
Using DatePicker with onClose to Submit Form Problem
I'm using the DatePicker on a simple one field form and I'm using onClose to add code to auto submit it. This works great in all browsers I tested but IE7 where the .submit() method fails. Here's the JS code: $("input[name=sd]").datepicker( { dateFormat: 'yy-mm-dd', mandatory: true, showOn: 'button', buttonImage: '/images/calendar_icon.gif', buttonImageOnly: true, firstDay: 0, onClose: function(date) { if(date != "") { $("#selectDay").submit(); } } }); And the markup: <form action="/rdv.cfm" name="selectDay"
start call back issue in ui.sortable
Hi, I've just upgraded to jquery-1.3b2.js and jquery-ui- personalized-1.6rc4.min.js. The .sortable function I wrote has a start callback which no longer seems to be being called. as an example: $(".col").sortable({ connectWith: [".col"], handle: "h2 span", placeholder: "placeholder", forcePlaceholderSize: "true", tolerance: "intersect", start: function(e, ui) { alert("in start"); } }); No longer works, but is fine if I revert back to current release. This is my first real .sortable implementation,
addClass with Fade with mouse hover
Hello, I´m trying to use the addClass with Fade in the event with mouse hover. It works, but if I put a fade with 1 second, and the mouse in/out are less than 1 second, it did not work. This is the code: $(document).ready(function(){ $("#ultimos_jobs_1").hover( function(){ $("#ultimos_jobs_1").addClass("tabela_td_ultimos_jobs_roolover", 1000); }, function(){ $("#ultimos_jobs_1").removeClass("tabela_td_ultimos_jobs_roolover", 1000);
looking carousel from jquery real world demos
Does anyone know what was being used to power the "looking carousel" for the real world demos page that has since been replaced with a direct link to the demos?
What is the name of the effect used on UI demo page?
http://ui.jquery.com/demos ? Looks very nice, pretty much like Mac descktop. Can anyone please tell me the name of this effect? I love this plugin Thank you. Raine
Bug in JQUery UI website : 404 on demo page
Please see the following screen shot for all the details on a 404 not found error in the containment section of the Jquery UI demo page. http://img.skitch.com/20090109-ptmdh5n9iu89ikspj4ni4j7tbm.jpg
Tabs : disabling not working
Hi everyone.. I have following code for tabs functionality : <div id="contents"> <ul> <li><a href="#basicInfo" ><span>Basic Information</span> </a> </ li> <li><a href="#additionalInfo" ><span>Advanced Information</span> </ a> </li> <li><a href="#attachments" ><span>Attachments</span> </a> </li> <li><a href="#maps" ><span>Map</span> </a> </li> <li><a href="#preview" ><span>Preview</span> </a> </li>
Pass get param to ajax driven tabset ?
I have a bunch of tabs (jQuery UI Tabset), and then a series of empty divs to hold each tabs content. I want to pass a GET param to the url, when Im loading a tab (sometimes I flick to another tab as a result of programatical changes, rather than the user simply clicking o the tab). So I construct a url, set the tabs url, and then select it var s = 'transactions.php?accid='+a; $('#tabset > ul').tabs('url', 2, s); $('#tabset > ul').tabs('select', 2); The problem is, the GET param does not get sent
[ui accordion] binding extra code to accordion anchor clicks
Hi, Accordion anchors do not respond to click even though you bind them: <code> $("a").bind("click", function(){ alert('clicked'); }); </code> What would be the correct way to bind some extra code to accordion anchor clicks? Thanks! -Nestor
Drop onto multiple droppable elements at once ?
Is this possible ? I'm writing a weekly appointment calendar and am trying to figure out the best way to provide dragging of appointments around the calendar grid with detection of what timeslot(s) it's dropped onto. I'm using the grid option for the draggable so that it snaps to timeslots as I drag but I can't seem to be able to detect the drop itself. I also tried using a container div that contains all timeslots as a droppable container (i'd then figure out the actual drop area another way) but
UI 1.5.2 - Slider problem on Safari & Chrome
Hi all, I have a strange issue on Safari & Chrome ( all works fine in FF / OPERA / IE ) The context, I use a slider to scroll a div up / down, when I click on the handle or the slider directly a have a window JUMP ( like a window.scrollTo ! ). the whole window do down one time and I can use the slider normally, if I scroll up back the window and retry ... the window jump again. I have deleted all my callback change / slider / start / stop, still the same problem. I have been searching for hours really
Themes overlay
HI. Can i separate themes for ui.jquery components? Example: ui.tabs must use some1.core.css and some1.theme.css ui.datepicker must use some2.core.css and some2.theme.css THX.
Current themebuilder crashes browser after multiple style changes
Not sure if you're aware of this one... I tried using the current themebuilder implementation today on the jquery ui website and it consistently crashes both ff and safari after approx 15-20 changes to attributes. It appears to get get worse as you go along until it stops responding and finally crashes.
Themes
Hi. My page have many jquery-ui components with different designs. (ui.jquery 1.6rc4) When i apply your theme in my datepicker, your theme ovrley my old theme for ui.tabs Example: core appending this code to ui.tabs "ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" - this bad for me. What can i do?????
ThemeRoller Roll Your Own tab button doesn't work
In Firefox 3.0.5, I'm unable to switch back from the Gallery tab to the Roll Your Own tab. Help?
UI Tabs - VERTICAL OPTION
*** I'm taking the liberty of posting this request again, this time with a new subject line, hoping that it will attract some comments -- apologies for the repetition and thank you again. *** Hi all, Greetings and best wishes for the year that starts. I would like to create vertical variant of the standard ui.tabs. In visual terms, I would like to "rotate the basic ui.tabs layout by 90 degrees, clockwise"; the tabs should be on the right, with a maximum width of 50-60px. Basically, I would like to
Today button doesn't work
The problem I've faced is that I cannot select today's date on "Today" click. Steps to reproduce the problem: 1. On initially clean date-field to open Datepicker; 2. Click on Today. The expected output and what do I see instead: Datepicker should select today and be closed, but it doesn't. The maximum it does - just goes to the current month... An URL to a page displaying the problem: http://ui.jquery.com/repository/tags/latest/demos/functional/#ui.datepicker The version of the datepicker. OS. Browser:
show dialog content problem
Hi , i have this page http://realferias.com/form.asp?cod_casa=15&nm_mes=%25 that open dialogs on each clicked record. The problem is that the content loaded after the first open dialog , don't show properly. I've made some tests and seem to me that the problem is on ui script or jquery itself. Can somebody help me or told if this is some kind of a bug. The show method on the wizard script seems to create the problem. Thanks in advance...
dynamically adding to a sortable list
Does anyone know how to create a sortable list that you can continue to add items to dynamically that can also be drag/drop sorted with the original items? I'm using jQuery on a site that manages a sortable list, to which items can be added dynamically (Ajax) after the page has been downloaded and rendered. I apply $(container).sortable({...options...}) to them and everything works like a charm, but items that I add to the container after that won't respond to mouse events (click and drag). I tried
themeroller - current status, dev comments?
Is themeroller still just alpha/beta? I cant find mention of its status, and the css related posts on this board are only as recent as last June. Themeroller is GORGEOUS .... I'd love to use it, but I am running into brick walls while trying to. A few notes of my experience this evening trying to plug a ui theme into my project I've noticed that a generated themeroller zip only gives you a ui.theme.css file, and then links externally to 2 base/core css files and separate includes for each widget.
ui.dialog.css
I have been trying to get a dialog styled right using my new themeroller theme. The close icon stretched and I can see the word 'closed' behind the icon. I finally figured out the problem by looking at the style from the themeroller page and my page in firebug. Seems I am missing a css file: ui.dialog.css.. Ugh, what is this file? If it is manditory why is it not included in either the jquery-ui package or the themeroller package? thanks much, Dustin
Jquery UI Portlets
Hello, I saw a demo in the trunk of Jquery UI Sortables Portlets (http:// jquery-ui.googlecode.com/svn/trunk/demos/sortable/portlets.html). When I drag a box to another column, if there are no more boxes in that column, the column disappears. Is there a way of having empty columns? Thanks, Frederico
Change Tabs title programmatically.
Hello, I would like to change tab title programmatically. <div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1"> s. </div> <div id="tabs-2"> s. </div> <div id="tabs-3"> t. </div> </div> here i would like to change "Nunc tincidunt" to something else by programmatically. Is there any way? Thanks
Modife Ajax Tab in a fly
Hi, I trying to do very flexible user interface with ui.tabs. I have a few tabs all connected by a href to static pages. e.x. <li><a id="mytabID" href="page.html"><span>Page</span></a></li> It works fine before next step. Tabs lies on Accordion Panel. My demand is to change on the fly href for that tab to change content on tab. I am using, document.getElementById('mytabID').href = "newpage.html" method but after do it my page is totally blank and my browser hangs. Is it possible to do? If yes how
UI Accordion 'navigation filter' with multiple nested lists
Hello, Can anyone suggest how to write a navigation filter for a UI Accordion with multiple nested lists? With the default settings, the navigation filter only works to the first child of the parent 'head' element. My accordion menu has about four levels. If this is not possible, is there another jquery accordion plugin that might work? Here's the default navigation filter and config I'm using: // initialize accordion menu $('#accordion').accordion({ active: true, alwaysOpen:
Missing 'element' member from ui hash for events in 1.6rc4
Hi. I'm trying to get the UI Layout Demo going with the latest 1.6rc4 release but I ran into a bug, I think. In 1.5.2, there is an 'element' member in the 'ui' hash object passed to event functions such as 'change' and 'update', but that member isn't present any more. Is there a recommended alternative?
Next Page