Dialogs not working as well as hoped (or at all)...
I've been fighting the dialogs for some time now. I was trying to use 1.5.3 and now trying to use 1.7 with no luck. Maybe somebody has a better way of trying to resolve these issues for me. Setup: CF8/MachII framework. I am trying to use 1 div for all my dialog containers. I dynamically load the content into the div and then open it with custom options per the content displayed. Example: <script> function downloadCert() { $("#dialog").load("index.cfm?event=downloadCert"); $("#dialog").dialog({
modal dialog not receiving focus
Hi, I am using JQuery 1.7 UI. I have a problem with a modal dialog. When I open it, it does not receive focus and on the first Tab focus jumps to browser's address bar. I can manually set it inside the dialog but after a few Tabs it jumps to the address bar and does not come back to the dialog. I have noticed that it has something to do with how many objects are in the <form> tag of my page (if I have only a <br /> for example in <form> tag... it works...very weird). Thank you,
Modal dialog focus
When i open a modal dialog on my web page, the opened dialog does not receive focus. I have tried with autoOpen but it is the same. If I erase everything on the page and keep only document.ready and the function...and in the form, erase all and keep just <form><br /></ form>, it works. Why is this happening ? There are no error in javascript Console, nothing. i have also seen that if I have an empty form <form></form> the focus does not work. pretty weird. thank you,
Change slider handle programmatically
can I move the handles programmatically in a button click: function SetSliders(){ $("#slider").slider('max', 'value', 37); } I cant get this to work...
Stack overflow using jQuery Checkbox with ui.core loaded..
hey, anyone run into that? i have the latest version of jquery ui but when i use it instead of the old version, i happen to run into a weird bug that the checkbox, on firefox it takes like 4 second before it switch to "checked" after i click them and in ie, it just pop up a stack overflow... any idea? Thanks, Elad.
dialog position center isn't center
I'm noticing that the dialog window is opening where the "top" of the dialog window is at the center of the page rather than the whole dialog window. These are the settings we're using: $("#modal").dialog({autoOpen: false, autoResize: true, title: "Employee Questionnaire Status", width: 450, minHeight: 400, modal: true, overlay: { opacity: 0.5, background:"black" }});
Problem with jQuery UI connectWith option
Hi All, I have a problem with UI sortables. connectWith option is not working in my system. I have copied portlets example from http://jqueryui.com/demos/sortable/#portlets and used my jQuery UI scripts(1.6rc4 and tried 1.6rc5 also). Them also I am not able to drag portlets in one column to another. I am using jQuery 1.2.6. You can find detailed description of this issues at: http://www.sitepoint.com/forums/showthread.php?t=604075
Minimize Dialog
I would like to animate a dialog's width, height and position when pressing a button "minimize". How can I position it to the right top corner of the document body? Thanks!
jquery UI tabs, google maps, callbacks
I have a ? about jquery tabs (and maybe callbacks). I have a UI with a set of 2 tabs (actually more complicated, but let's say 2 for simplicity). first tab shows its content by default. second tab's contents are initially hidden and dynamically generated via javascript (it's a google map) as you probably know the rendering of the google map is improper when initially hidden in a jquery tab. I've read about 2 possible solutions, each of which doesn't quite work (or causes me a secondary problem).
How to apply themes to an ordinary div?
Hi all! First of all, thanks for this great project! My question may sound stupid to people doing rocket science via jquery, however still I will ask it. I am using jquery for a long while. But I never user ui for a real project. Now I am using some components from ui, and I am having a strange problem. Strange in the sense that this has never been a problem for anybody else. I put an accordion to the page, and I can apply themes to it perfectly. However it conflicts with the other elements in the
How to use submitted form data in dialog?
Hi there.. I'm new to JS so please be patient with me ;-) I have a simple Form and want to display the entered data in a dialog. Could anyone give me short example please? I'm experimenting with jQuery dialogs for a while now, but I did'nt get this one to work. Thanks in advance!
a problme in dialog
dear sir, i use jquery ui.dialog 1.6rc6, but every click in dialog is very slowly. and, i place some input in dialog div. when i click one input element in dialog, the cursor will always spend some time to go to there. another question: i use the jquery treeview plugin, when i replace the jquery.js use the last edition, there will be a page erorr prompt 'treeview.classes is null'. pls help me. thanks.
jquery sliders position
Hi, I'm trying to understand the slider in UI (I am not a good js coder). I've 2 sliders and when I move one, i'd like get the position of the slider I juste moved. not the value but the 'left' percentage. here's my code : $('#slider0').slider({ range: true, animate: true, values: [17, 67], slide: function(event, ui) { $("#amount0").html('$' + ui.values[0] + ' - $' + ui.values[1]); }, }); in the slide event, ui or event, are both objects but i don't understand in the source
Draggable and .load problem
I basically have an image importer setup that loads in a draggable thumb from a form entered link, i am using ajax to refresh the ul which contains the draggable thumbs on submit. All works perfectly apart from when the div reloads with the new image thumb added to the li, draggable breaks completely and i can't drag anything here's my ajax : $.ajax({ type: "post", url: "paste_url.php", data: dataString, success: function(){ $('#gallery
Do I need all that to use jQuery UI?
I just downloaded jQuery UI and find there are countless files in the zip archive - which ones are necessary to add a set of tabs to my webpage?
Variable dialogbutton names
Hi, this may be just me being bad at JS, but I got a dialog like this: elm.dialog({ resizable: false, title: (caller.title) ? caller.title : formElement, buttons:{ 'Ok' : function() { var form = $("#" + caller.nodeId + " form"); var options = { 'beforeSubmit': function (data, form, options) { $(elm).dialog('close'); delete(data.id); return true; }, 'url':getMenuItemSavePointer(caller._id), 'type' : 'POST', 'dataType': 'json', 'success': onMenuItemSaveDone }; form.ajaxSubmit(options); }, 'Close' :
DatePicker rangeselect
Hello, I think it was a very bad idea to suppress rangeselect in datepicker. It's a reason for me to not use jquery in last version. Please help me !
No rangeSelect in Datepicker 1.6rc6?
Hello, I just started out with JQuery and JQueryUI. I was looking for a calendar that allows me to select a range of dates, and the docs at http://docs.jquery.com/UI/Datepicker seem to state that Datepicker indeed supports this. But neither does the current ui.datepicker.js containt the string "rangeSelect" nor does the demo on that site seem to work. OTOH, the old version (JQuery 1.2.6, JQuery UI 1.5.3) seems to work fine. So how come it's not in the new version anymore? Why was that feature removed?
Having problems with the UI dialog box.
Hi I am trying to make it everytime you go over any of the controls with the css class "popout" the dialog box will popout. So I wrote this code. $('.popout').live("mouseover",function() { $('#dialog').dialog(); }); When I go over one of the items that has the class the popout pops out. I close it by hitting the "X". I then try to go over it again or any of the other items that have that class but the dialog box never shows up anymore. What am I doing wrong?
Resizable Icon is on the wrong side.
Hi I have made a dialog box and my resizable icon is on the left side not the right hand side like it is on the demo. I been able to move it to the right side but that involved going into the core.css(start theme) and floating it right. Now I don't know if I should be doing this. I don't know enough about all the styles to say if this will cause other things to look bad in the future. I however don't see any options or anything that is provided in the documentation to move this right or left. this
Build Your Download function
Hi, Anytime I try to use the "Build Your Download", the zip I download gives an error that it's corrupt. If I download the full zip, it works fine. Best, Kevin
Richard, Please think about this problem. We need your help to fix this.
Hi Richard, Is there any option in JQUERY UI like live() method in JQUERY. Why should i am asking like above is, i am getting problem for all my events like draggable,resizable and what so ever we can do using JQUERY UI, when i am getting new results with out refreshing the page (append(data for old data). For this problem i have to write more code every time when i get the new data. Please let me know, how can i solve this problem. with Regards sure.
Disable until page loads
Hey folks, I am using jquery popup on a page that loads a few images plus a cgi script Problem is that if person is too quick and clicks before everything is loaded they get an error from the cgi. I'd like it to show "please wait" or something if they click before page is finished loading. Then, if the have clicked too early they get "OK, ready now" when it is. Best way to do this in jquery? Thanks in advance
Really could use a tree
I've been trying to get a good jQuery driven treeview but just can't seem to find one that meets my needs. What I really would like would be a UI tree widget, one that supports draggables (for moving items around inside the tree) and droppables (for adding new items to the tree from another source). I was hoping there'd be one in UI 1.6/1..7 but it looks like it's been pushed off the list for this release. But if there's any UI tree under development I'd be grateful if it was on the list for the
Sortable - forcePlaceholderSize has no effect in Internet Explorer
Using jQuery 1.3.2 and UI 1.7.0, I set forcePlaceholderSize: true in sortable(), which works fine in Safari 4 and Firefox. In Internet Explorer 7 though, the placeholder 'collapses'. Live example and source here: http://jastie.heroku.com/28
Multiple use of altField?
Hi, Im relatively new to jQuery and have recently discovered jQuery UI, which is brilliant... I am using the Datepicker and wish to update 3 seperate input boxes after selecting a date. I can see the option 'altField' (which i can use successfully updating 1 at a time) but is there a way to update multiple input boxes at once? I can't see how from the example code and have yet to find anything about it on Google... Any help or suggestions would be much appreciate. Adi
Problem selecting a tab with javascript
My tabs work fine, until I try and select one with code. function selectTab(tabIndex) { $("#opportunityTabs").tabs('select', tabIndex); } This method gets run, and the tab which I want selected actually changes to loading..., however, it does not select. This is pretty much right from the documentation.
Embedded Flash Draggable on Safari
Hi all, I created a DIV with a Flash inside. The DIV is draggable. For the most part, I was able to interact with the Flash content and also drag the entire DIV (Flash clip) around in IE. However I noticed a different behaviour in Safari: The clip no longer accepts mouse click when I made the DIV draggable. If I remove the draggable wrapper, the Flash clip reacts to my mouse clicks again. The Flash clip could respond to mouse movement in either case. FireFox seems to have the same semantics as IE.
Geting an Invalid Argument error in IE only for jQuery UI Accordion 1.6
I have an accordion set up which was working fine across all browsers until I added autoHeight:false, now I get an "Invalid Argument" error in IE6 and IE7 and the accordion will not work (in IE), all still works fine in other browsers. Here is the script on the page: $(document).ready(function() { $('.accordion').accordion({ header: 'h3', active: false, autoHeight: false, collapsible: true }); // Show one of the accordion blocks. if (location.hash.toLowerCase().length
NEWS: This Week in jQuery UI vol. 1
See blog post: This Week in jQuery UI vol. 1 <a href="http://blog.jqueryui.com/2009/03/this-week-in-jquery-ui-vol-1/">http://blog.jqueryui.com/2009/03/this-week-in-jquery-ui-vol-1/</a> Also, check out the first in a similar series (by Karl Swedberg), over on the jQuery blog: This Week in jQuery vol. 1 <a href="http://blog.jquery.com/2009/03/13/this-week-in-jquery-vol-1/">http://blog.jquery.com/2009/03/13/this-week-in-jquery-vol-1/</a> - Richard
huge CSS file
I downloaded the a custom package of v. 1.7 including only "core", "tabs" and "dialogs" and I accepted the default "smoothness" theme. My jquery-ui-1.7.custom.css file is 3,671Ko (some 50,000 lines!). It crashes the Aptana CSS Editor. What can I do about this? Thanks, JAS
Is there any option in JQUERY UI like live() method in JQUERY
Hi Richard, Is there any option in JQUERY UI like live() method in JQUERY. Why should i am asking like above is, i am getting problem for all my events like draggable,resizable and what so ever we can do using JQUERY UI, when i am getting new results with out refreshing the page (append(data for old data). For this problem i have to write more code every time when i get the new data. Please let me know, how can i solve this problem. with Regards sure.
Does the tabs widget use tables underneath?
I have an HTML table within one of the DIVs that make up a tab and the font in each cell is smaller than that defined in my stylesheet for a table cell. An HTML table outside of the tabs has larger text, so it looks to me like a call to $('#mytabs').tabs() must somehow put a table in there. That's the only thing that I can think of because I have no nested tables anywhere in the markup I've written. I could just use a class to fix it but that's a bit of a kludge, and I really want to know if the
jquery sliders position
Hi, I'm trying to understand the slider in UI (I am not a good js coder). I've 2 sliders and when I move one, i'd like get the position of the slider I juste moved. not the value but the 'left' percentage. here's my code : $('#slider0').slider({ range: true, animate: true, values: [17, 67], slide: function(event, ui) { $("#amount0").html('$' + ui.values[0] + ' - $' + ui.values[1]); }, }); in the slide event, ui or event, are both objects but i don't understand in the source code how to use them.
Problem with tabs in IE6 after upgrade from 1.6rc6 to 1.7
Hello, I have a page with three basic jQuery UI tabs, each of which contains an iframe. The src of the iframe is set when each tab is first selected, however if I hard code the src's the issue is still present. In Firefox 3 and IE7 the tabs load fine and everything works as it did before the 1.7 upgrade. In IE6, the tabs are displayed but the none of the iframes show up unless I insert one or more characters before the iframe tag. Here's an example of the div containing the frame: The contents of
accordion generated classes and style sheet access
I'm using the newest versions of jQ (1.3.2), the UI (1.7), and accordion plug-in (1.7). For baseline testing/learning I'm working with the barebones accordion code provided at http://jqueryui.com/demos/accordion (theming tab selected) and the style sheet provided in the download package (development-bundle/themes/base/ui.accordion.css). I'm finding that the run-time generated classes don't always appear to reconcile with the classes defined in the sample style sheet. For example, Firebug shows that
nested sortable question
Hello, i'm trying to bild a sortable with nested divs like this: <div id="single1">1</div> <div id="single2">2</div> <div id="group1"> <div id="single3">3</div> <div id="single4">4</div> </div> <div id="group2"> <div id="single5">5</div> <div id="single6">6</div> </div> <div id="single7">7</div> Making the divs sortable is easy. Using {items: 'div'} all divs are sortable, so dragging a single into a group is possible as well as draggin for example group2 into group1. I would like to restrict the
Using Themed Icons
I am using the Blitzer theme. I am creating my own buttons, with an icon on the button as well. It displays fine in firefox, however, in IE, the icon seems to be overwriting the html content and part of the button is not displayed. <div class="ui-widget"> <p class="button" style="width:100px"> <a href="[myhref]" class="ui-state-default ui-corner- all"><span class="ui-icon ui-icon-home"> </span>Home</a> ... </div> Any help would be appreciated
JQUERY TAB does not work on IE 6.0
Hi, I am having problems with tabs. They do not appear on IE 6.0, on Firefox it works without any problems. All my elements are named correclty, i have absolutly no clue why it doesn't work. See @ http://wp1132366.wp154.webpack.hosteurope.de/gambio/category-/Excell-2007.html Thanks for your help Greets Peili
reload tab from dialog box
i've got a tab holding ajax content (a table). i want a method on a dialog box button to reload this tab when the dialog box is being closed: $("#add_user").dialog({ autoOpen: false, draggable: false, height: 275, width: 400, resizable: false, title: 'Add User', modal: true, buttons: { "Cancel": function() { ======================================================== var $tabs = $('#tabs.tabs'), selected = $tabs.data('selected.tabs');
Next Page