question on ThickBox
Hello friends, I know this is not a ThickBox forum, but I've seen a couple questions about this library and besides the ThickBox forum at codylindley.com seems to be rather unattended. I'd like to know how to use the tb_show() function to open a ThickBox with inline content but not after onclick event but from inside a callback function. I have a form where users submit a physical address to Google Maps and it returns step by step driving instructions from the provided address to a destination address
How do you contain UI dialog in another element?
It defaults to be draggable around the entire window. How can I restrict its movement to stay within a parent DIV? I believe the solution lies with the draggables "containment" option but my experiments are failing in IE6 and that is an essential browser for this project. (In IE7 and FF it works if I modify the ui.dialog.js set containment to, say, "#windowContainer" and change the appendTo(body) line to appendTo("#windowContainer". Not ideal but acceptable) Many thanks George
Is it possible to make an helper disappear after a drop with an effect?
Its very simple: is it possible to make the ui.helper disappear with a drop-up effect after the drop in a droppable zone?? I worked on it for few days and nothing came out... anyway, i tried using the stop and drop function, with $ (ui.helper).hide but it does not work. It eventually blocks the helper, so the drag and drop functions does not work anymore. I really do not know how work on it :\ thanks, Pier Paolo Ramon
Why no menu system in jQueryUI
I'm wondering why there isn't some sort of drop down menu widget included with jQueryUI? I must admit that I don't know if this has been discussed before. My apologies if this is a topic that's already been covered. I just wanted to know from anyone connected with the development of the project if a drop down menu widget was in the works, and if not, why not? Thanks, Chris<br clear="all"> -- <a href="http://cjordan.us">http://cjordan.us</a>
Sortable - placeholder
I hope this isn't a dumb question ... Is there a way of limiting where the placeholder can appear? I have a magazine layout app and I only want users to be able to drop pages onto spreads, and to move whole spreads. I don't want them to be able to drop a page onto the layout for example, nor layouts onto other layouts - and while I can deal with it through update: or stop: and take it away, it would be neater if they were never given the option. I am sure there is some very obvious thing I am not
[accordion] animation effect on open and close
Hiya, We are currently implementing the accordion as the main navigation for our site: http://www.softerlogic.com/v3/ i was wondering if anyone knew how we can get the bounce animation that you get when opening an accordion to occur in reverse. To understand
weeiiirdd dialog with JQUERY
I don't who should be "blammed" for this error ... jquery or firefox3 i have testing a dialog box. I did a empty box which I declared like this. [code] <div id='mybox'> test </div> ...... <script> $('#mybox').dialog( {autoOpen:false, modal: true, width: 760, height: 500, position:'center',overlay: { backgroundColor: '#212121', opacity: 0.5 } }); </script> [/code] and then on my button i bind 'click' event with just $ ('#mybox').dialog('open'); the first click was successfull open the window
change dialog options before open
Hi, all If I create a dialog with autoOpen=false, how can I change some other options before I actually open it? Such as I would like to change the function of OK button. Thank you in advance! Jack
dialog stack option
hi, is it possible to set stack option of a dialog using .data()? eg. $(box).data("stack.dialog",true); This would be helpful for re-using iframe based dialogs where you want to move them to the top without reloading them via dialog("open"). help appreciated, cheers, tony
UI:Dialog Scrollbars ?
Hello! I have been poking around the source of jQuery UI.Dialog and there seems absolutely no option for scrollbars, for longer content. I have tried various means of setting "overflow: auto", etc. to it, with no effect. * Note: I did modify the source (ui.dialog.js) to change the line "overflow: none" to "overflow: auto" and it does draw scrollbars, but 'outside' of the content, and within the border which doesn't quite look right. * Note 2: Also of note, when there is "more content" and a button
is this a bug? resizable within an iframe shifts on resize
I'm having trouble with resizing elements within an iframe. I have a page with an iframe that references a child page with a resizable element. The iframe have horizontal and vertival scrollbars. After I scrolled the iframe, every time I started resizing the element, the element shifted lower and to the right. I think it shifted by how far the element is from the upper right hand corner. Is anyone having the same problem? Does anyone have a solution to the problem? Is this a bug?
this.element.position not defined
Hi I am trying to use resizable feature. I included the library and the resizable fuction. The border appears and pointer also change on mouse hover on border but when i try to resize the div firebug throw the error this.element.position not defined.
Is it possible to keep the UI Dialog box fixed in the middle of the screen ?
Hello, I tried many way to resolve this problem and keep my dialog box in the middle of the screen, even when using the main vertical scrollbar from the navigator but I didn't find any way. I tried to set the "position:fixed" attibute in the CSS for ui-dialog- container but it has no effect. I also would like to know if there is a way to close the dialog box when we click outside. Sorry if answers to theses questions were already on the forum, but I didn't found them. I also notice a bug in IE7 when
Sortable Bug: option cancel not working
option cancel is not working in sortables I specified specific class cancel: ".xyz", so that the element with class .xyz does not drag. But it has no effect Regards, Pankaj
Accordion Legend Bug
I ran across what appears to be a bug in the JQuery Accordion when I was trying to create an accessible form. The presence of a legend inside fieldset causes the UI Accordion to bunk. Any ideas? <a href="http://www.knoxstudio.com/grainger/example/ example.html">Example</a>
Flash in a Dialog
I'm using a Dialog in order to display a flash file. I also use the flash API to make javascript calls on the object. In Firefox this works great, but IE gives me trouble. The issue arises because when dialog closes, the flash object is unloaded, then when the dialog opens, the flash is loaded again. I've figured that the easiest work- around would be to make the dialog close by moving it out of the window to the left, then centering it again to open it, and not hide the actual dialog. Is this an
UI Dialog with BUG when resize in IE?
Hi Guys, I´m with problem with UI Dialog, and I´m thing it´s a bug. In this UI Dialog example http://docs.jquery.com/UI/Dialog is possible to verify. If you resize the Dialog to right, for example, and then try to resize to left, the titlebar and content doesn´t seems to reduce it´s width. You can observe looking the "X" icon used to close the Dialog. It´s a BUG? PS. In FF it´s ok. Regards
Sortable nested elements
Can sortable handle nested elements? I have a flatplan app for a magazine - I want to be able to move pages onto spreads, and move spreads around the flatplan. So a user could move say page 2 from the first spread onto the 2nd spread, and move the whole of the second spread to be the, say, 15th spread - and so on. Obviously I will need to build some logic that only allows two pages per spread (printers are so demanding that way) but having used UI elsewhere am keen to re-use if pos. I am also looking
Resizing the datepicker ????????
Can anyone tell me if there is an effective way to size the datepicker. Larger or smaller. Is there a way to make it size automatically as the browser is resized so it grows and shrinks with the browser window.
ui.tab spinner in 1.5 still broken
Hi, the spinner in 1.5 is still broken (doesn't show)! This is from beta 4 which worked fine: if (o.spinner) { var $span = $('span', a); $span.data('label.tabs', $span.html()).html('<em>' + o.spinner + '</ em>'); } The same in 1.5: if (o.spinner) { var label = inner(a).html(); inner(a).wrapInner('<em></em>') .find('em').data('label.tabs', label).html(o.spinner); } When I put the beta4 code into 1.5, the spinner shows again, but isn't removed anymore!
dialog displaying problem
Dear all: Is that possible to display a dialog or draggable object on the top of the video files(mov,avi,...) played by Quicktime/ Widows Media Player..? I've tried something like below, but the dialog still display under the video player! $("#dialog").dialog({ modal: true, overlay: { opacity: 0.5, background: "black" } }); Regards, Kaie
Hash values in UI Tabs?
I just thought I'd quickly mention how awesome it would be to have the UI tabs support hash values in the URL e.g. http://domain.com/account#password Linking directly to that would open the "password" tab automatically. Since tabs is part of the theme roller and a huge part of the awesomeness of jQuery UI, I think this would be a nice addition. Any plans for this? Or is there another route to take?
History Plugin Compatible with jQuery 1.2.6
Hi folks, I'm using JQuery in my project to handle AJAX events. Obviously I want my website to be bookmarkable. This Jquery plugin seems nice, however, upon further examination, some problems have been revealed. For instance if I manually enter the URL with hash value, then any AJAX link I click on will NOT change the browser's address bar (have to refresh the page in order to see the new hash value). Does anyone know a decent AJAX history/bookmark library that works well? My requirements are: -
Your site
Hello, I've been looking voor a good jquery plugin that on a link click loads content in a div dynamically. I've seen a few, but most of them don't work for me. Now I've seen your site and the section demo's does exact what I need. What plugin do you use? http://ui.jquery.com/functional_demos/ When I click on "Easing" I see a loading icon. and then the content without refreshing the whole page...
setting columns to a max size for sortables
I am trying to set the height of columns when an item has been sorted to the height of the biggest column. It works for the first sort but then is fixed at that. I think I need to get the height of the contents of the column rather than the column itself but not much luck so far. $('div.column').sortable({ items:$('div.widget'), connectWith: ["#col1", "#col2", "#col3"], handle:'.menubar', placeholder:'sort_placeholder', helper:function (el){ return $ ('.helper').clone().appendTo('body').css('display','block');
Create a previous/next link
Hi, I want to create a previous/next link for my script. Someone can help me for started. Thanks
how to find tag name
hai all, i am new to jquery. Is it possible to retrieve the tag name where our current caret is. Suppose if i place the caret inbetween the text which is in bold i want to retrieve the b tag like that. Is it possible using jquery. If so please post me some suggetions. thanks, Mahesh babu kere
Droppable nested list and sortable table.
Hello. I am quite new to both jQuery and jQuery UI and I hope I can get some help here. I've read the documentation but for my current issue I can't seem to find help there. What I am trying to do is co create a file manager like webpage with drag and drop. The idea is to have a table which represents the content on the right side, and a nested list on the left side which represents the directory structure. The table-rows on the right side should be sortable. The directory structure is droppable
closeOnEscape don't work on 1.5.1
Anyone could confirm that closeOnEscape:false don't work at least in FF3...? -- Perhaps the depth of love can be calibrated by the number of different selves that are actively involved in a given relationship. Carl Sagan (Contact) Jaime Ochoa Malagón Arquitecto de Soluciones Cel: +52 (55) 1021 0774
Modifying Plugins
I'd like to modify just 1 function in a ui plugin to add an extra ability it doesn't have but I'd rather not put my code in the ui code file. I've done this in other frameworks and projects by just doing something similar to this: prototype.targetobjt.method = function() {}; I'm sure everyone gets this but I just wanted to make it clear that I do understand how the prototype system works. What I'm not understanding is how $.widget() works and how I can accomplish this in the jquery system.
ui datepicker with ui 1.5.1
I found that my datepicker is not working on ui.jquery 1.5.1 I use this file jquery.ui.all.packed.js before (1.5.0) it work well ... $('#mybirthday').datepicker(); now ... it seems the datepicker was not recognized by the jquery ... : ( bug ?
possible bug with $tabs.data('selected.tabs');
I have found, what is to me, some odd behaviour when trying to find the index of the selected tab. Here is the scenario: 1. Dynamically open 3 tabs 2. Close the first tab 3. Select either what is now the first or the second tab and trigger an event within that tab 4. Within the code for that event, call $tabs.data('selected.tabs'); For the first tab, I would expect this to return 0 and for the second, 1. Instead, it returns 1 and 2 respectively. Is this the expected behaviour? Chris
Sizing the UI Datepicker
Can anyone tell me if there is an effective way to size the datepicker. Larger or smaller. Is there a way to make it size automatically as the browser is resized so it grows and shrinks with the browser window.
animate in slider
demo: http://labs.cloudream.name/jquery/dialog/slider.html modify version of slider.js
Resizable performance issue
I'm using the most current jquery-ui 1.5 package and trying to implement a simple splitpane, such as the one that is included in the package zip file. My needs are simpler in that I only need two panes and one splitbar, which I can get to appear just fine. My problem is when I actually try to resize the panes...the splitbar moves VERY slowly and sometimes either doesn't move at all or lags so far behind where the cursor is it might as well not be moving. What's even more odd is that I can drag the
UI Dialog r379 Buttons not showing inside of the dialog area
I am not sure when it started to happen but in one of my dialogs the buttons are not showing up inside of the visible area when using the modal option. It seems to be caused by the height 100% on the div.ui- dialog-container. The height is set on line 45 or revision 379. When I remove the 100% I get the behavior that I used to have.
Jquery nice image gallery animate problem
Hi guys, I make a kind of image gallery in jquery 1.2.6 to take advantage of new speed improvement all works pretty well but i face one problem when you click the image to scroll form left to right it works good but when the other way around the animation look a bit weird. I only reverse the logic functionality but don't know why the animate doesn't look as i expected. http://www.pagecraft.com.au/gallery/love-slideshow.html you can view the gallery in here Any help or comments will be appreciated.
accordion
I am using a nested accordion. I am using the following code on various pages to open the menu to the appropriate item: $("#acc1").accordion("activate", 1); $("#acc2").accordion("activate", first); $("#acc3").accordion("activate", -1); Could anyone have a look at my code and see what I'm doing wrong? The following page seems to work: http://www.griffithengineeringinc.com/energy-auditing.htm The following page seems not to work: http://www.griffithengineeringinc.com/engineering-design.htm I am fairly
re-using dialogs
hi, i'm trying to build a web app that makes extensive use of dialogs. One problem i've been unable to resolve is getting dialogs to 'remember' their position. Scenario: 1. open dialog. 2. move dialog. 3. close dialog. 4. open same dialog again in same position as was moved to when closed. On re-opening a closed dialog the position always reverts to the initial position called. Would love to know if there is an easy way to achieve this? If not, a possible new feature would be to enable the setting
"Exclusive" draggable/droppable
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
Next Page