IE6 render problem - images inside Accordion disappear after 1 animation sequence
You can view the problem here: http://www.hotel-koral.com/bg/events If I set autoHeight to true, it displays correctly but I prefer to have each individual tab with its own height. Can this be done?
Accordion UI - Pushing Down Content
Hello All, I am quite new to Jquery, but I like it a lot so far. I've managed to get the Accordion UI to work, although now that it does, it will take whatever content is below it and push it down by however much the accordion dropped down. Is there a way to stop this? I didn't see anything under the Options that applied that I could find. Thanks so much, -Kyle
ui-icon and buttons - cross browser solution?
Hi, I notice on the filamentgroup site posting about the fg-button approach for button styling that several people have also experience the issues we are experiencing with getting ui-icon(s) to display correctly on buttons in FFX3.x as well as WebKit based browsers like Safari. There appears to be a fundamental propblem relating to positing of the icons between these two rendering engines. Has anybody come up with a workable solution that works for all the major modern browsers. Is the ui-button
revert draggable to original position
i´m trying to do this: i have some draggable and some droppable when i drag one of the to one drop i ask if you are sure, but if not i don´t know how to revert the position, i try to change the option revert but don´t do as i want the code is as follow: $(document).ready(function(){ $("#browser").treeview({ control: "#treecontrol" }); $(".draggable").draggable(); $(".droppable").droppable({ drop: function(event, ui) { var drop
animate effect throws error in IE8
Hello. I have a problem with the switchClass function in IE8 .sidebar_hidden{position:absolute;width:350px;left:330px;top: 100px;background-color:#ffffff;border:1px solid black;padding-left: 15px;} .sidebar_visible{position:absolute;width:350px;left:-10px;top: 100px;background-color:#ffffff;border:1px solid black;padding-left: 15px;} two classes that i use for a div called sidebar. the only difference between them is the left value. function showsidebar() { var sidebar=$("#sidebar"); if(sidebar.hasClass("sidebar_visible"))
ui.slider two values, update from JS doesn't work
Hello, I'm trying to change the values of a two-handle slider, but it doesn't work. According to the documentation this should work: $("#slider").slider("option", "values", [ newval1, newval2 ]); But it doesn't update the values on the slider's representation. When I try to pull a handle I see the other one snapping to the position I set from JS, but it doesn't go there after the function call above. I also found some older discussions mentioning the MoveTo method, but this string doesn't even appear
JQUERY multiple fileupload UI
Dear Friends, I want to know how can I customize the list showing attached files in Jquery multiple file upload plugins. I want show the filenames in a table. How can I disable the list and use a table instead of list to show files. Thanks, Arnab Ghosh Software Engineer
Accordion Resize problem in IE
Hi, I have an Accordion within a UI_Layout Pane in which I have 2 jqGrids. I originally posted the problem I had in the jqGrid forum but Tony pointed out it seems to be a UI issue - hence why I'm posting here. The problem can be seen on this link http://www.thekmz.co.uk/GEPlugin/wip/test/gridtest3/gridtest3a.htm When I drag the Layout Pane divider to the left everything works as I expect - the Pane "onresize" callback calls $("#accordion").accordion("resize"); and then the Grids are resized to width
Droppable example to meld with slideshow code
I've got this code here (http://www.projectmio.com/callback_w.html) which slides in images upon click, its really nice and I would like to keep it. That is, I would like it to work with the Droppable example code (http://jqueryui.com/demos/droppable/#photo-manager) so that when an icon is clicked the image appears in a 'shopping list' on the side of the screen. This is a lot like how the Droppable example works now, except I don't know how to take the images from the slideshow code I already have
sortables question - nested lists
sorry if this has been asked many times before. I have a short demo here: http://verens.com/demos/php_and_jquery/8-2-sorting-trees/sorting-trees.php the problem is that when you drag an item right out of the tree and drop, it drops into its own nested container. is this a bug? it seems to me that an element should never be allowed to drop into its own descendant.
UI Slider inside TD overflows vertically
I used the UI selectToUISlider plugin (downloaded at http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/ along with jQuery) to create a slider input from a select input inside a table. Instead of the tic marks being inside the slider box and the labels horizontally underneath, the OL overflows vertically: http://www.nabble.com/file/p24706974/filament.png How it should look http://www.nabble.com/file/p24706974/overflowed.png How it does look The overflow
Datepicker (1.7.2) - problem with the selected datewhen populating the textbox
Hello, I have built a mvc HTML Extension using the date picker based on http://codesprouts.com/post/Creating-A-DatePicker-Extension-In-ASPNet-MVC.aspx (plus a bit of additonal logic) In our site master the includes for jquery are <link href="/Themes/Default//Content/ui.all.css" rel="stylesheet" type="text/css" /> <script src="/Scripts/jquery-1.3.2.min.js" type="text/ javascript"></script> <script src="/Scripts/jquery-1.3.2.js" type="text/javascript"></ script> <script src="/Scripts/jquery-ui-1.7.custom.min.js"
Datepicker question - making the first choosable "depart" date the day after the chosen "arrive" date
I have 2 jquery-based datepickers on a site that I'm developing (lefthand column - quick reservation form) http://www.theseagatehotel.com/www.theseagatehotel.com/index.html Is there any way that I can update the datepickers so that when you choose an "Arrive" date, .... the first choosable "Depart" date would be automatically updated to be 1 day after the chosen "arrive" date? For example, .. if I was to choose November 6th from the "Arrive" datepicker, .. the first choosable date in the "Depart"
Tabs: How to change the label
Hello, i've written a small function to open a link in the first tab.... function loadPage(url) { $("#content").tabs("url", 0, url); $("#content").tabs("select", 0); $("#content").tabs("load", 0); } The only problem is, that i can't change the label of the tab to match the new content. I didn't find any hints in this group yep. Anyone has an idea? Thanks, Tobias
Blind problem in IE?
Hello All, I can not get away from an issue where running something simple like $ ('#foo').hide('blind') will close up #foo as expected but will, in IE only (FF, Safari, Opera tested), right before closing for good come back into full view and then disappear. This of course prevents me from using blind so I'm stuck with fadeIn/Out or other transition functions which do not quite fit. I do not know what the rule is on posting links to external sites so forgive me if I have broken etiquette, but I
ui-dialog: why is the dialog-content "removed" (appended to) the dialog-container?
hi jquerers, when calling: $(element).dialog(modal: true, buttons: {Cancel: function() {$ (this).dialog('close');}}) the $(element) gets effectively removed on _init() -why? After canceling a dialog one should be able to reopen the dialog... the documentation does not mention such cases and in the demo each click just loads a page (e.g. http://jqueryui.com/demos/dialog/modal-confirmation.html) there are some confusing line about 'open', 'close' and 'destroy' which i do not understand: @ http://jqueryui.com/demos/dialog/#modal-confirmation
Why does my "POST" request change into "GET"?
Hello, I'm using jQuery to develop a form, which edits title and description of a product. However I don't understand why the http request is changed into "GET" instead of "POST" when the function is called. Could anyone tell me how to avoid this unexpected change? Thanks very much. This is my function: functionsaveTitleDescription(urlAction) { $.ajax({ method : "POST", url : urlAction, data : { method : "saveTitleDescription", title
Font sizes
<div>Below is a bit of code that show how the font sizes inside of a ui component change when the elements are inside of a table. How can I get the font/input elements to adhere to the ui styles?</div><div> </div><div> <html></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><head></div><div><span class="Apple-tab-span" style="white-space:pre"> </span><link type="text/css" href="/css/ui-theme/jquery-ui-1.7.2.custom.css" rel="Stylesheet" /></div> <div><span class="Apple-tab-span"
Serialized Sortable innerHTML
Rather complicated one. I have a sortable with has nested content in each sortable item: <ul id="sortable"> <li id="item_1">item 1<div>content i want to get</div></li> <li id="item_1">item 2<div>content i want to get</div></li> <li id="item_1">item 3<div>content i want to get</div></li> </ul> I have a submit button which serilizes the sortable so I can save the changes of the order. I also want to save the changes I have made in the div's but that information doesn't seem to get passed, only the
dialog get element from button
Hello, I have emailed jquery-en about this issue because i didnt know there is also a jquery-ui mailing list. Nobody in jquery-en seems to be able to help me so im trying here now. I am trying to generate a list of items in a html table which has a delete icon at the end where the user can click. After he clicks a dialog should appear and the user can confirm or cancel the deletion. I like to pass the ID of the button to the delete button below of the dialog so i can take action on this specific
transition effects on image load
Hi everybody, my name is Luca and this is my first try with Jquery-UI. Actually i have a jquery script to change the src of an image called #imagebig with a click from #a1 I would like to use jquery-UI to made a nice visual transition on this image change, like a fade or a bounce. I have seen the exampe "animation" on the website but I can't manage to use it in my simple script, anyone can help me? <!-- link uno --> $("#a1").click(function(){$("#imagebig").attr("src","images/2.jpg"); return false;
sortable in xhtml page
does NOT work in IE7. Assistance would be appreciated... http://www.artistan.org/test/UI/sortable/main.htm IE8 in compat mode also freaks out. Thanks in advance.
option scroll for draggables
Regarding the scroll option for the draggable constructor method I am puzzeled and would appreciate if someone can clarify it. From documentation: http://jqueryui.com/demos/draggable/#option-scroll 1-) Demo says that scroll refer to viewport: *Automatically scroll the document when the draggable is moved beyond the viewport.* and the code sample says it refer to the container: *If set to true, container auto-scrolls while dragging.* Is container the viewport? or the parent element of the draggable
Sporadic problems animating background color in Safari 4
I'm having an issue where .animate with backgroundColor sometimes works and sometimes doesn't in Safari 4. It always works in Mac/ Windows Firefox 3 and IE7 in my testing. On #jquery-ui, another user said a similar problem occurred in Chrome. I posted a simplified case at http://jsbin.com/okegi. When the page is ready, the first div should turn black and then animate to red. If it works in Safari 4, refresh the page and eventually the problem will manifest itself. You can see a :30 screen clip of
IE bug when displaying JQuery Slider
IE seems to have an issue with the slider control when it is put in a Div with an overflow set to scrolling. When you scroll the div content the slider remains static and all other content scrolls by underneath it. I t looks as though IE is not handling the style "position:relative" on the slider properly. It looks like while it computes the proper X/ Y coord correctly positioning the slider based on it's parents dimensions it does not reevaluate it once that parent starts to move as if the actual
Jquery UI Slider, broken
Hi, i'm a beginner in JS and JqueryUI, im working on a vertical Slidergallery, and i can not fix a problem. My Page work on a CMS (contenido, http://www.contenido.org/). I want to build this Gallery very simplewith the tutorial (http:// jqueryfordesigners.com/slider-gallery/) My customer(dau) should post Images in the Text-Editor of the CMS(the only way he understand), the Editor build a element around the images. The UI Slider function build a Scrollhandler, it is working fine, it changed the position
How to show image Title in Lightbox? Please
Hi It seems to me that it normally happens by default... set a Title in the image tag and it shows in the lightbox-image-details-caption. But mine just doesn't at http://dev.beecheshotelnorwich.co.uk/ Any suggestions how to fix, please?
JQuery UI draggable bug on containers with transparent background under IE7.0
Hi! I'm having this trouble under IE 7, then I start dragging block with transparent png background, background picture becomes black at the edges. Will be very appreciate for any help. Thanks!
Is this group even ACTIVE?
No disrespect but I see pages and pages of posts without answers....is this group active? Is there a better forum where newbies can get help?
Persist Accordion State
Hello, I want to know if there is an option for persisting the selected accordion pane. Best regards
progressbar error: "F is undefined"
I keep on getting this error message from Firebug: F is undefined [Break on this error] (function(){var l=this,g,y=l.jQuery,p=l....each (function(){o.dequeue(this,E)})}});\n Here are the relevant portions my code: <head> <script type="text/javascript"> $(document).ready(function(){$("#progressbar").progressbar({value: 10});}); </script> </head> <body> var progress = null; update_progressbar(); function update_progressbar(){ progress = $("#progressbar").progressbar('option', 'value'); $("#progressbar").progressbar('option',
Dynamically changing the slider into a jquery text
We are working with jQuery sliders and in our scenario we would to remove the slider and show the text instead of the slider..Is that possible.Please let me know
strange behaviour of contentEditable="true" inside a sortable
Hi, Instead of Inplace-Text-Editing boxes I like to use contentEditable="true" which in principle works great in IE8, FF3.5 and Chrome on simple cases, for ex: <h1 contentEditabale="true">Editable Text</h1> When I use it that way: <script ... $("#tasks").sortable({ handle: 'table tbody tr td span.handle' }).disableSelection(); </script> .... <ul id="tasks" class=""> <li class="ui-state-default"> <table> <tbody> <tr> <td> <span class="handle ui-icon ui- icon-carat-2-n-s"></span> </td> <td> <div style="width:
Ingrid, the jQuery datagrid!
Hi all, Happy to announce that the Ingrid datagrid project is still very much alive! With the help of Patrice Blanchardie, Ingrid has been moved to its new home on Google Code, and includes quite a few bug fixes and updates (full list below). Also included is an updated example of a remote PHP script used to render the table-html input required by Ingrid. It clearly illustrates what params are passed in from Ingrid (page, sort, sort dir, etc). I know this is easily retrieved via Firebug's concole
Draggable zIndex
I have seveleral div's in a page set to be draggable. By default they are hidden and are only shown when the user clicks a button. My issue is that the div the user is currently opening is not always the topmost and can be hidden behind other div's. I am able to make it the topmost by starting a drag action, but it would be preferable to have the div being open be the topmost. Is there anyway I can make that happen? The code for the page is below, and the cssclass WindowPnl only has the attribute
Using JQuery UI dialog within plugin
Is there anything special that needs to done in order to call the UI dialog within a custom plugin? $('#'+opts.optionsDialog).dialog({ autoOpen: false, width: 600, buttons: { "Ok": function() { $(this).dialog("close"); }, "Cancel": function() { $(this).dialog("close"); } } }); I am receiving an error on the code above: $("#" + opts.optionsDialog).dialog is not a function I'm using JQuery
sizing iFrame in Tab Panel in Dialog
Using UI 1.7.1 Trying to load a URL in an iFrame which is placed within a ui.tabs modified div which is placed within a ui.dialog modified div. So far it seems to work except for sizing the different elements. The dialog can be sized using the height and width options but the tabs have no sizing options. I would expect that if the tabs modified div and the iFrame width and height are set to 100% they would just expand as far as they can go inside the limited size of the Dialog. It doesn't work that
shanex.fael has invited you to Spacelocker
Hi there, You are invited to join shanex.fael@gmail.com at Spacelocker, a cool place where you can meet friends fast and keep your online stuff in one place. Check it out. Click the link below to Accept the Invitation: <a target='_blank' href='http://www.spacelocker.com/signUp.php?fromid=NTEzOA==&ifrom=c2hhbmV4LmZhZWxAZ21haWwuY29t&ito=anF1ZXJ5LXVpQGdvb2dsZWdyb3Vwcy5jb20='>http://www.spacelocker.com/signUp.php?fromid=NTEzOA==&ifrom=c2hhbmV4LmZhZWxAZ21haWwuY29t&ito=anF1ZXJ5LXVpQGdvb2dsZWdyb3Vwcy5jb20=</a>
New widget proposal (preliminary): Wizard
I haven't got much of a reaction to this on the DEV group, so I figure I'll show it to the group at large, to see what everyone thinks. Any suggestions/ comments would be greatly appreciated. Here's my suggestion for a possible future jQuery UI widget: Wizard. (It's actually Jan Sundman's formwizard restructured using the widget factory format) The API/Example page is up at http://noveltheory.com/wizard/ The docs aren't complete yet: The overview & theming section need work, but the options, events
Newbie Needs Help to 'Focus' expanded accordion on selected anchor
Hi everyone. First I apologize if this is basic question and offends your sensibilities, but I am not a professional at jquery, only a simple user, and have not been able to solve this myself with what i have read so far. I have been using the jquery accordion function for a year or so on my web site www.deucegarage.com on the main page. I use it as a sort of selectively expandable Table of Contents. My question is, what simple way can I make my page refocus on the anchor I click on when I expand
Next Page