Properly destroying a flash object in UI dialog on close
We have a flash player that we load up in a modal jquery UI dialog. When I call ('#dialog').dialog('destroy') as part of a close button's functionality (defined through the buttons property, everything is fine. When I instead call the destroy through the beforeclose or close event handler (for when the user hits escape or the X button) I'm getting a Flash J/S (or ActionScript, not sure) error in IE. I suspect it's due to a race condition between the flash player trying to play while the dialog
Google hosted for images
Hello all. I use the google hosted version and noticed that the PNG .ui-icon base template consists of 4-6 png files being transfered. Is there any way to just request .ui-icon base template in one specific color instead of 4-6 pgn files being transferred? Here's the method that I use to load jQuery UI: <script src="http://www.google.com/jsapi"> </script> <script type="text/javascript"> google.load("jquery", "1.3.2"); google.load("jqueryui", "1.7.2"); google.setOnLoadCallback(function() { //
Droppable object becomes parent of draggable object.
I am working with draggable/droppable in jquery ui. So if I have two divs. The first div has child divs that are draggable. I then have a second div which is a place where you can drop the draggable elements. Once they are dropped I want them to no longer be children of the first div, but to become children of the div they were dropped onto. Is there a standard way to make this happen?
How can we remove a element inside a string.
How can we remove a element inside a string. For example, HTML : <div id="main"> <h2 class="first">This is a heading</h2> <p class="first">This is a paragraph.</p> <p>This is another paragraph.</p> <div>This is another div content.</div> <button type="button">Click me</button> </div> JQuery: var html = $('<div>').append($('#main').clone()).remove().html; after clone , i want to remove button element and also the element which has the class "first".How can i do this ?
datepicker and IE6/7 problem
Hi, I'm using UI datepicker in a CMS project. Now everytime I want to select a date with IE6/7 I have been redirected to the startpage. That happens because the date href is giving back a false url which causes the cms to jump to startpage. I guess, that a click on a date should not trigger any action (preventDefault) what it's like in FF/Safari. I tried to add javascript:void(0) or return false but without success. Is there a solution known for this problem? thx Florian
Want to user jquery UI with jquery 1.4
The jquery ui demos are still using jquery 1.3.2 And this forum still uses version 1.3.1 The jquery 1.4 release announcement states that jquery UI will be release on January 28 (day 14) Will the jquery ui demos also be updated to use 1.4?
Slider with more than one range
Hi! I´m using a slider plugin of jqueryUI. I need to show four different ranges in the same bar. is it possible?. Can somebody suggest me about one solution? Excuse me, but my english isn`t too well... Thanks
Is there a compatibility plugin for using jQuery UI 1.7.2 with jQuery 1.4?
Hi all, I understand that we need to wait for version 1.8 in order to use it jQuery UI with jQuery 1.4, but when watching the jQuery 1.4 Q&A I thought I heard John Resig say something about a compatibility plugin that could be used until the 1.8 release was available. Is this right? Does such a plugin exist? TIA
Event Mouseout on a div containing a slider
Hello, I have trouble in handling an event. The fact is that when I click on a link, a div appears under my mouse and this div contain a slider (it permits to change an incremental value). I want the div container to disappear when the mouse leave this div. But the problem is that the mouseout event is triggered when the mouse leaves the SLIDER ! There is no code problem the .mouseout(function(... is done on the container and not on the slider. Any idea ? maybe a propagation stuff but I am not very
jquery-ui-1.6 sortable scipt minified issue
Hi all. When downloading jquery-ui 1.6 I have an issue with the minified version. It seems like there is some quote missing in 'sortable' script part and all code is getting broken... You can see it in the attachment. I think it's a minifier issue as normal version of the script looks to be fine. Hope this helps to fix it. Thanks for what you are doing. Eugene.
Datepicker Next and Previous
Hi, I have the datepicker working fine except the Next and Previous buttons also show the text over the top so it looks a bit odd. How do I get it to NOT show the words 'Next' and 'Previous'. Thanks --
UI Datepicker giving NaN with IE8
Hello Hope someone can advise. Once selecting a Date with datepicker on JQ 1.3.2 & UI of 1.7.2 with IE8 The input field is filled in with NaN Any ideas of what is going wrong ? Hope you can
set and show the date of a second datepicker according to the setting of a first datepicker
Hello, i have two datepicker: - first datepicker for the start date - second datepicker for the end date code - first datepicker : $('#datepicker').datepicker({ minDate : 0, maxDate : '+31D', firstDay : 0, dateFormat: 'yy-mm-dd', buttonImage: '../images/datepicker/calendar.gif', showOn: 'both', onSelect: function(date) { var day = $("#datepicker").datepicker("getDate"); day.setDate(day.getDate());
Datepicker disappear on click
Hi all, I'm using a datepicker that I want to be always shown on my page. On selecting a date, I want the users browser to immediately load a new page based on the selected date. I have everything working fine, other than when the user selects a date, the datepicker disappears while the new page is loading, but I want it to just stay visible. My xhtml: <div id="additional_whats-on-when" class="section"> <div class="headerOne"> <h2>What's on when</h2> </div> <div id="whats-on-when-calendar-box">
Dialog modal message pops up underneath flash
I have implemented a dialog modal message UI. However, the problem is that the modal pops up under my flash. How do I get the dialog to popup on top of everything? I've tried putting an zIndex: 3999 but it's still not working. Help is appreciated.
UI Dialog odd behaviour
Hello, I've come across a strange issue while using the UI Dialog plugin: I use the following setup: $(function(){ var opts = { buttons: {"ok":ok}, resizable: true, title: "<a href='#' title='Some title'>A title!</a>", modal: true, show: true, hide: true }; $("#myDialog").dialog(opts); }); ...and ok function somewhere here... When I load
Tab validation on switching tabs with ajax validation
I'd like to prevent switching of tabs based on validation of the current tab contents where the validation occurs asynchronously. Here's a pared down version of my non-working example: function validate() { var formContents = ...; var isValid = true; $.post('validate.html', formContents, function(data) { if (data.errors.length > 0) isValid = false; ... }); return isValid; }$("#tabs").tabs( { select :
Some questions regarding the widget factory (_init vs. _create, $.data, multiple widget instances)
One of the best parts of jQuery UI is IMO the widget factory. Some time ago I created a similar construct, which shared many, if not all, of the widget factory's goals. The result is also strikingly similar. Now I'd like to swap my home-grown solution for UI's widget factory, and I started digging into the code of the new 1.8b1 release. Although most of it is pretty clear, I have a couple of questions/concerns: (1) What's the difference between a widget's _init() and _create() methods? Both of them
tabs rows weird behaviour
hi i'm just starting to use jquery ui. I send my example http://www.mediafire.com/?ykngqth154z . by adding a lot of tabs on the button "url" notice: when you add a lot of tabs like two rows of tabs and select the above tabs.tabs behaviour is weird cans somebody help me with this issue. thanks in advance...
Using Jquery Ui dialog on browser close?
Hi, I want to display Jquery UI dialog if someone tries to navigate/close the browser. I am using the following code function showPopup() { jQuery(document).ready(function() { jQuery("#divPopup").dialog({ bgiframe: true, height: 356,width: 600,autoOpen: true, modal: true }); }; return false; } <body onbeforeunload="return showPopup();"> The Juery UI dialog is shown but the browser (firefox,IE etc) also
Integrate ThemeRoller into my application
It is possible to download ThemeRoller and plugin it into my application to let my users cook their CSS file? Thanks Bruce
dialog form dropdown validation
Hi all, I am trying to modify modal form example from http://jqueryui.com/demos/dialog/ so it would check for drop down selection. I've added function checkSelect(n,p) { if ( (n.selectedIndex == 0) && (p.length < 5)) { n.addClass('ui-state-error'); updateTips("You must either type in or select category"); return false; } else {
Nested tabs: second set of inner tabs are taller and +font size than outer tabs?
Hi, I am using jquery 1.3.2 and jquery UI 1.7.2. I took the default example from the docs, and then added a second set of tabs within the 3rd tab of the outer tab set. I initialize the tab just like the docs show in the example. My question is, why do the font sizes in the second nested tabs get larger by default? How can I force them to be a consistent height (the tabs) and the font size to be the same for all tabs and tab content regardless of the nesting level? see attached pic
Jquery Droppable problem?
I have this code, $("#list-item li").droppable({ drop: function(event, ui) { $('#list-item li:eq(0)').append($(ui.draggable)); } }); The draggable object is an li and i want to insert it after another li. This code works but it just doesnt insert it into the list and randomly displays it above as though their is padding. Anyone know where I am going wrong and how I can fix this? Thanks
use of functions, variables etc
hi, i'm a new user of Jquery and i'm trying to make a drag and drop system with a list of products ( to drag) and a calendar with hours ( drop zone) . the problem is that i'm new with this technology and i don't know how can i put the name of the product which is written in the drag zone into the drop zone. my js code is like, and i know it's false because i use a global variable "monproduit" into a function but i don't know how can i pass this variable because i can t find the call of the function:
$("#my_div").hide('explode') not works well in IE8 but in IE7 and Mozilla does.
Using: jquery-1.3.2.min.js jquery-ui-1.7.2.custom.min.js The element does explode but also it should fade out. You can see if am I right here: http://docs.jquery.com/UI/Effects/Explode Test the behaviour in IE8, IE8 compatibility mode and Mozilla
Draggable items loaded with a load()
Hey Am trying to load() a page of images into a container, and make those images draggable to a section in the window. This section is outside the container that is populated with load() and the images wont drag externally to that container. I have used {containment: 'window'} or {containment: 'document'} and its still not working. The thing seems to drag outside ok, as in its not forced to stay in the container, but when it leaves the container its as if its behind / invisible. I have also tried
Documenting jQuery UI plugin with jsdoc
I finally figured out how to document a jQuery UI plugin with jsdoc-toolkit Here is my code: http://git.sugarlabs.org/projects/karma/repos/mainline/blobs/master/js/ui.scoreboard.js EDIT: fixed URL and here is the generated documentation http://karma.sugarlabs.org/docs/index.html of additional interest, I use a Jake task, Rake in JavaScript to generate the docs Here is my Jakefile http://git.sugarlabs.org/projects/karma/repos/mainline/blobs/master/Jakefile
Two Child Elements Open By Default - Accordian
Is this even possible? A client wants two child elements open by default. I'm pretty new to jquery alltogether, and can't do much outside the demos. Basically, like I said, two child elements open on the page load, for example: Parent Child Child Parent Child Child Parent Parent ParentUsing Jquery ui accordian 1.7.2
jQuery Toggle w/multiple div IDs
Ok, this appears to be the most frequented forum, so let's just hope I'm posting in the right place. :) My problem, if the hidden div is set as a class of 'toggle', they all expand. If set with div ID of 'toggle' it works, but the ID needs to be a unique name. Either way, the image swaps. I have 2 example pages describing my dilemma: This example uses class of 'toggle' and all expand/contract: http://www.flipflopmedia.com/test/ToggleTEST.html This ex. uses ID of 'toggle'; works but the name needs
when i use jquery ui draggable with table,iframe in ie is so slow ?
when i use jquery ui draggable with table,iframe in ie is so slow ? 为什么我在ie下面使用ui的draggable 拖动一个对话框时候，非常的慢，非常的卡，我开启了iframeFix，但是不行
UI/Dialog/Modal Message implementation
I am trying to implement the U/Dialog/Modal Message. How do I make sure so that when the page loads, it does not automatically show the modal message until the user click, let's say, a button or image on the page? Currently, as soon as the page loads, the modal message pops up automatically without manually clicking anywhere on the page.
How do I prevent dragging when a button is clicked within the draggable container?
I have this: <script> $(function() { $('.draggable').draggable(); $('.clickable').click(function(e) { alert('hi!'); }); }) </script> <div class="draggable"> <a href="#" class="clickable">click</a> </div>Right now if I click & hold on the 'click' link, then drag mouse, the draggable container is dragged. Then when I release the mouse button, the click() happens. This is what I want: if a user drags anywhere
Opera 10.50 and UI DatePicker
Just to let you knoe I've just installed the latest Opera build 10.50 and it seems the UI DatePicker is broken ...;-(
Adding keypress Event on a dialog button
Hi, I'm using jquery ui to pop up some dialog for my user. Most of the time my dialog have a cancel button to close or Ok button to validate the action. How can i add the support of the return key (code 13) for the "Ok" button You can find below how i'm setting up my dialog : $('#heure_dialog').dialog({ bgiframe:true, autoOpen:false, height:150, modal:true, close:function(){ $('#heure').val(''); } }); $('#heures td').click(function(){ $('#heure_dialog').dialog('option','buttons',{ 'OK':function(){
Drag and Drop and data from a cell to an other cell in a table
Hi, There is some cool demo about Drag and Drop function, such as on: http://jqueryui.com/demos/draggable/ We can easily found some examples with list, in order to sort them. It's cool. In my case, I would like to enable this function on a td content of an HTML table. Is that hard to do? If there is a example or if you can show me how to process, I will be happy! Thanks
Sortables update callback and connectWith
I am having a little trouble with the update callback when i drag an item from one Sortable to another.. the update function gets called twice.. is there anyway around this or am i going to need to think of a way around the 2nd call? The calls are going to be sending a json array to the backend with the sort order to update the database and i dont really want that happening twice.. Thanks!! James
Using bounce effect as a 'page' transition? Or similar effect?
Greetings, I'm required to create some sliding pages using the bounce effect. I'm very new to handcoding jQuery rather than using tutorials and stripping out code. I've got this far... $(document).ready(function(){ $("#button_1").click(function () { $("#page_1").effect("bounce", { times:3, direction:"horizontal" }, 200); $("#page_2").addClass("hidden"); }); $("#button_2").click(function () { $("#page_2").effect("bounce", { times:3, direction:"horizontal" }, 200); $("#page_1").addClass("hidden");
Animate & backgroundImage
For quite sometime now I have been making a game. I know there is not currently a way I can do this, but I was wondering if someone could point me in the right direction as to how to create it. I know you can use animate({backgroundPosition}, timeLength); but it would really be nice if there was a backgroundImage. Does anyone know how I could go about doing that? It would be immensely helpful if I could accomplish this. Thank you very much for your time. Kind Regards, Iscariot
Scaling up jQuery UI sprite?
I would like to scale up the jQuery UI sprites using the gimp. I am creating software for young children and the stock icons are too small for them. I was just planning on increasing the dimensions of the sprite image using gimp. Is there anything else I have to change? Do I have to alter the css rules that reference individual images? tks
Next Page