JQuery Dialog - Problem with large page content
Hello, I'm currently using JQuery to take advantage of the the Dialog UI. I've managed to make it work and everything is great. Except there's a scenario where the the overlay div (the div that has a low opacity and appears "in front" of all the elements on the page to give the effect that everything is disabled except the dialog itself) stops being transparent. After several tests this happens when the page context is too "long" i.e. the vertical scrollbar becomes very thin. Long story short, every
Themeroller Bug
I'm not sure if something has changed, but the dialog box on the themeroller no longer shows the background. That is to say, the dialog opens up, it opens up and shows the dialog correctly, but the background no longer shows up. Is this a bug? I've tried it on: Mac OS X 10.5.7, FF 3.0.10 Windows XP SP3, IE7 go to http://jqueryui.com/themeroller/ and click on the "Open Dialog" box and no modal background shows. A few weeks ago, this was not the case.
Bug Tracker Issue?
Why do I sometimes get an error similar to this when using the bug tracker? Oops… Trac detected an internal error: IntegrityError: (1062, "Duplicate entry '3bb841219de316f-0-query_href' for key 1") Anyone else? Dave
Jquery Tabs Help needed
Hey guys, Can anyone help me with the following.... I have jquery tabs working, when you click the tab your presented with a container one per tab, in each of these containers there are a series of hyperlinks going to a different page in the site. These different pages also have the same tab system. What I'm trying to work out is, when I click a link, how do i get the links parent tab and container to be shown as "OPEN " on the resulting page, rather than defaulting to the first tab and container
How to set Enter Key for Default on Dialog Button
I would like to let the user press the Enter Key on my Modal Dialog default button (right most button at the bottom???): Example: I have two buttons defined 'Login' and 'Cancel' listed in the .dialog in this order -- rendered as 'Cancel' and then 'Login' on UI. When the dialog is open I want the 'Login' button to be default if the user presses the 'Enter Key'. How do I do this? Thanks, Marv
Two questions about UI modal dialog and overlay
Hi -- I'm using jQuery UI (v 1.7.1) and the dialog widget, and I have two questions. I've done some searching around but didn't find any definite solutions. Any help greatly appreciated. 1) Is there any way to have the overlay used in modal mode fade in rather than instantly appear? 2) Is there a way to cause clicking on the overlay to close the dialog? Thanks, --Carl.
how to solve the z-index bug
I tried many jquery datepickers but they all suffer from z-index bug; I use jquery.pngFix on my page and whenever i want to insert a datepicker it shows show itselve, but behind the transparent images... is ther a way i can control the z-index? thank you!
DateTimePicker in ASP
Hi I am brand new to using DateTimePicker in an ASP page (designed in dreamweaver). I have these 2 lines which are my text boxes: <input name="FromDate" type="text" class="TextSmallBlackNonCaps" id="FromDate" value="<% =Date() %>"> <input name="ToDate" type="text" class="TextSmallBlackNonCaps" id="ToDate" value="<% =Date() %>"> I want to attach a DateTimePicker to each of these textboxes, with a click icon so the datebox appears. How do i do this as i have found the code sort of confusing. Maybe
Old jQueryUI Demo Page
I think I remember on the old jQueryUI demo page that they had like a cover like scroller. I'm now looking for that kind of functionality. Does that old demo page still exist or a plugin/feature handle that functionality? Trying not to use flash for this because I know I've seen it done before. Thanks!
More then 3 tabs, not working.
Hello, using the basic model when I add two more tabs and content for it, the extra two display under the tabs div box. Why isn't it showing up in the container? Page... ---- <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title> <link type="text/css" href="css/jquery-ui-1.7.1.custom.css" rel="stylesheet" /> <script src="js/jquery-1.3.2.min.js"></script> <script src="js/jquery-ui-1.7.1.custom.min.js"></script>
[Resizable] not working on hidden elements, and "destroy" change size
Hi, I'm invoking resizable like this : $(function() { $(".resizable").resizable(); }); And i'm using it on multiple "textarea" elements. Some of them are hidden by default (in tabs, but not jquery tabs, they are in a big div in display:none) And when i show this div, my resizable textarea elements are completly hidden. (or maybe juste 0px 0px ) ... Another bug, I tried to implement "resizable" on focus and detroy it on blur, but when i call "detroy" , my textarea will get a little bigger,
Sortable Question
Hi, I was wondering if it is possible, using the sortable ui plugin, to have a sortable list but certain items in that list are static. For example, if i always want an item to be in the 3rd position of the list, and I drag an item from below to above the third position, whatever was in the second position should jump down to the 4th position. Is this possible? Thanks.
UI status & updated roadmap?
Hi all, from the release of the 1.7.1 version and the worldwide sprint, the development seems like... stalled. What about the next minor & major release? There is an updated roadmap ? Bye, and thanks for the efforts. MarcelloP
[dialog] attribute with variable
I love and hate UI Dialog. The love part is quite obvious, the hate part is due to the difficulty of setting dynamic attributes. In a recent project, i try to set dynamic title using variable but no success. i.e. var k = "some text" $("div").dialog({ });
slider ui 1.6 with different handle class doesn't work
I was using jQuery UI 1.5.3 and after I upgraded to 1.6 some of my sliders are not working properly. To be more specific, once I let go of the slider handle after moving it, it still moves with the mouse, even though my mouse button is not pressed anymore. It seems that if I used a different handle than the default, the above issue occurs. So $('#someId').slider(); works fine, but $('#someId').slider({ handle: '.someHandleClass' }); doesn't. Any ideas?
Custom .ZIP file created by "Build Your Download" page is not working.
I'm at the "Build Your Download" page at: http://jqueryui.com/download No matter what selections I make, when I click the "Download" button, I end up getting a .ZIP file that will not open on my Windows Vista machine. I don't know if the generated .ZIP file is corrupt or what. If I grab a prebuilt .ZIP file (such as the one at http://jqueryui.com/download/jquery-ui-1.7.1.custom.zip), then it's fine ... I can open up the .ZIP file, see the contents, and everything works. But I'd really like a build
Ticket #4188
I have uploaded a patch to 4188 ('Huge memory leaks for all widgets in IE6') please have a peek to see whether that fixes the problem. thanks
How to set a fixed width for the resizeable element
I am using the resizeable element of the jQuery UI plugin. I append a text box to the resizable div,so that I get a resizable test box. My problem is if I change the size of one text box,and the next time I create another resizable text box, its size is not the default size but that of the previous one(the size which I modified). So initially,if a text box is created,it should be of a fixed default width. How do I do that? Where should I set the default size?
Autocomplete release date?
Hi Does anyone have an estimated time-scale for the release of autocomplete? I can see it is in the development area and the last comment I found on this discussion board said it would be in 1.7, it is not. I am still using old versions of jQuery and the UI, as I can't upgrade until autocomplete is available (it is used throughout our app). I am having problems with bugs in UI in the older version, such as connectToSortable not working in my version of draggable, which is why I want to upgrade to
Audio/Sound buttons
Hi there, As a graphic designer with limited capability in code, I'm looking for a solution for an idea, for a website I am building. I'll write this in the simplest way for now. On this site, I would like 4 black circles, 50 pixels in diameter. When you click one button, it produces a distinct drum sound which loops. When you click the next button, it produces another sound which also loops, and so on for the other 2 buttons. So, I'm looking for a basic "drum machine" for this site. Is this possible
How to set a fixed width for the resizeable element
I'm working with the resizable div tag. I have created a text box and appended it to the resizable div tag so that I get a resizable text box. My problem is once I create and resize a text box,the next textbox is created to the previous resized text box. I want it to be of the default size. How do it do that? Where Should I set the default size?
Sortables - how to save resorted list
How can you update the database each time a list item is resorted without having to click on a submit button?
Why was Datepicker's rangeSelect property (date range option) removed?
Hi everybody, I don't know why this feature was eliminated, it was really useful but not longer exists :( I'm searching around the list (both this one and the dev one) if there is some discussion about the new framework specs for the datepicker but I haven't found anything about that. Just in #3647 [0] the commits [1] which removed the date range selection option (rangeSelect: True). Does anybody know more about this? [0] http://dev.jqueryui.com/ticket/3647 [1] http://dev.jqueryui.com/changeset/1198
Color Animate bug in Internet Explorer
working through my own scripts, I found it happened even on the actual jQuery animate plugin page: http://docs.jquery.com/Release:jQuery_1.2/Effects#Color_Animations Explorer (at least IE7) spits out a error at irregular intervals when trying to run a color animation. The error is "Invalid property value". on the jQuery page, it is saying that it is appearing at Line 18, Char 13 of http://docs.jquery.com/Release:jQuery_1.2/Effects Is this plugin straight up unusable at this point? or what is the
replace colour
Hi, I've got two tables One of 12 draggable colours and one of 6 droppable boxes. I want to be able to drop the colours onto the boxes. My colours tables currently has the name of each colour and I used this: $(this).text(ui.draggable.text()); to change the text in the boxes to the corresponding name of the colour, but I don't know how to change the colour of the boxes! The colours are defined using CSS. can anyone help me here?
Validate CSS?
Hello, I'm working to validate this page (index page only right now): www.wcassist.com XHTML validates fine but when I tried to validate CSS I got a ton of errors. Almost all were due to JQuery UI (Theme Roller) rules or places where I copied these rules for use elsewhere in the site. They are all browser specific rules (-moz, -webkit, or old ie fixes like zoom, etc). Is there anyway to get this to pass CSS validation or do I have to choose between maximizing cross browser effectiveness and presentation
How to check if accordion was activated programmatically or clicked?
Hello, how to check whether an accordion was activated programmatically through the .activate() method or through a click event? I have created an accordion and set a function to handle the change, it gets passed an event of 'accordionchange' type, however I cannot tell what original event triggered it. I'm using jQuery 1.3.2 and jQuery UI 1.7.1
add a display div to slider step
is there a way to display a div when a slider is moved to the next step in the bar? i.e. i have a 3 step slider Low, Medium and High. if the user slides the handle to medium, which is the next step, have a div display what medium means in relation to our product. thx
Is it possible to display two different theme dialogs in a same page?
I guess it's impossible now, right? I want to do like this.... <div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui- draggable ui-resizable ui-theme-redmond" or // someID is div of ui-dialog $( '#someID' ).theme('redmond'); Any solutions?
jquery 1.3 and jquery.ui-1.6rc4 bug??
Hi, I am using the Dialog Widget from UI, and I found this issue: When I use jquery 1.3 and jquery.ui-1.6rc4 the dialog do not load content via ajax, but if I use jquery 1.2.6 it loads. I need to know if it is a bug in the 1.3 version of jquery. Regards
Themeroller suggestion
I'm using jQuery UI on a site where I'd like to style some of the UI widgets with a Themeroller theme, but others need to be styled differently. Most notably I need tabs to look like the rest of the page instead of how they'd be styled by Themeroller. Would it be possible for future versions of Themeroller to generate styles for a selectable subset of the UI widgets? For example there could be a set of checkboxes. The first one, everything, results in a themeroller theme as it is now being generated,
[JQuery UI]how to set Datepicker's show speed
I want the date picker to show immediately when I focus on the date field. I tried to use showOptions: {speed, 'fast'} to set the speed, but nothing happened differently. Is there any method to change the speed? Many thanks!
How to allow user to enter '-' and '.' like '/' for writing dates in jquery datepicker?
Hi, Can anybody tell me how can i allow user to enter '-' and '.' like '/' for writing dates in jquery datepicker? currently i can only type in numbers and the '/' sign, i want to use '.' and '-' as well as date separators... Thanks
Problems loading ui.core.js dynamically on IE
Im having some trouble including both ui.core.js and ui.core.min.js to my page. It only happen in ie6, dont know why, here is the code: $(document.getElementsByTagName('head')[0]).append("<script defer type='text/javascript' src='ui.core.js') >"); I've tried too: $(document.getElementsByTagName('head')[0]).append($ (document.createElement("script")).attr ({'src':'ui.core.min.js',type:'text/javascript'})); It takes 306 seconds and then gives me timeout. This script works for any other script ive tried
Auto-Resize or Auto-Position functionality for draggable/resizable div?
I am dynamically creating draggable/resizable div elements (divInner[x]) and appending those to a draggable parent div (divOuter). What I would like is: 1. each divInner[x] to have its resizable borders auto shrunk to fit the text or image that is contained within it. 2. each divInner[x] to be auto positioned within divOuter such that divInner[1].top = 0, divInner[2].top = (divInner[1].top + divInner[1].height), etc. Currently I can get 1 XOR 2. I am instantiating each divInner with: $(divInner).draggable().resizable();
accordion
When using tinymce and the accordion ui component, the accordion stops working (feels like it's disabled) . If I tell tinymce to not convert the textbox automatically but still do the init, the accordion will work but as soon as I trigger the conversion of a textbox, the accordion stops working. It open happens in Firefox.
[Dialog] Unable to close a dialog from a button.
Hi everybody, I have a dialog who is built like this : --- 8< ----------------------------------------------------------------------------------------------------- var width = 500; var height = 500; if (navigator.appName.indexOf("Microsoft")!=-1) { width = document.body.offsetWidth*0.6; height = document.body.offsetHeight*0.75; } else { width = window.innerWidth*0.6; height = window.innerHeight*0.75; } $.get('<cor:url value="/frames/studentfolder/resume.html?folder=$ {folder}" />',
[accordion] right selector definition for the header but wrong effect
Hey, i want to use the jquery accordion plug-in for a list created by the wordpress wp_list_pages function. this is the html: <ul id='navigation'> <li class="page_item page-item-23"><a href="">wanted item</a> <ul> <li class="page_item page-item-25"><a href="">unwanted item</a></ li> <li class="page_item page-item-85"><a href="" >unwanted item</a></ li> </ul> </li> <li class="page_item page-item-41 current_page_item"><a href="">and so on</a> and so on.... my jquery selector which seems to be right
Coda Slider inside UI Tabs
Does anybody know if it is possible to put Coda Slider inside the jQuery UI tabs? I can't get i to work. The Coda Slider works if I put it on the main page tab, but when I put it in any of the other tabs it doesn't work anymore. Here is a live example if you push the avant 600 text link: http://matseriksen.net/test/
ui slider - problem
Hi everybody, I'm new to jquery UI and sliders. I'm using multiple sliders in my company's web-site. I try to describe how pages work and what is my problem. There are two pages: "user_hp.php" and "update_preferences.php". In "user_hp" there are 5 vertical sliders. Users could slide or not and update their profile. Clicking on "update profile", users send slider's values to the "update_preferences.php" page, that write it on DB. After that, "update_preferences.php" make a redirect to "user_hp.php".
Next Page