[accordion] Accordion("activate") not working with id string
Hi - I am trying to activate an accordion item based on its id rather than a numerical index, and I'm not having any luck - is there a trick to it? For instance, I have an accordion item like so: <a class="ui-accordion-header accItem" id="bb" href="#">Blackboard</a> And later I call: $("#accordion").accordion("activate","bb"); But the activate command doesn't seem to happen
Sortable Placeholder
Dear Group, I used the JQuery sortable function for this webpage: http://variouselmts.com/development/projektil/ Here is the code I used: $(document).ready(function() { $(".navigation a").click(function() { var link = $(this); var lang = link.attr("lang"); var href = "content/" + lang + "/" + link.attr("href"); $.ajax({url: href, cache: false, success: function(content) { $(".content[lang=" + lang
Rich TabStrip Plugin Released!
Hello Everyone, Here's quick a look at my Rich TabStrip plugin for Raxan (a jQuery powered framework). It features CSS themes, Custom Animations, Ajax support and Autopilot Tab Navigation. http://xwisdomhtml.com/raxan-files/examples/rich-tabstrip-explorer.html The TabStrip can be used for more than just tab navigation. With the autopilot feature you can create Splash screens, Billboards, SlideShows, etc.
Pressing "Escape" closes dialog. How to block it?
Hi, I'm using a modal dialog, with no close button. This is for block the user to close it. But pressing the Escape button, the dialog closes anyway. How do I precent Esape button of closes the dialog?
ui tabs breaks height() function
When attempting to return the height() on images that were inside a ui tabbed div (after ui tabs had run), a 0 was always returned. When getting the height() of the same images prior to tabs running the correct heights were returned. I've tested this using the latest ui.core and ui.tabs files (both 1.5.2 and 1.6rc2 versions). Any thoughts / fixes on this?
accordion Header link
Hi, Is possible to open an url if I click on the head of the menu and then open the accordion contents? Thanks
problem with position of draggable object
hello, i have a parent and a child div in it. i just want to use a function whenever my child div is dragged, i get the position of it (relative to the parent div). so if the child is on the left edge it should be 0 but in my case i get the whitespace of the browser added to it. so it's not the position related to it's parent object. what am i doing wrong? thanks in advance! here the code: #HTML <div id="parent"> <div id="child"></div> </div> #JS drag: function() // while object is dragged, do this:
Refreshing datepicker
Is there a better way of refreshing the datepicker than this? setTimeout('$("#mydatePicker").datepicker("setDate", $ ("#mydatePicker").datepicker("getDate") );', 199); Basically set the date using the current date. I needed to refresh it, since I'm highlighting special days, and dynamically adding days to the special days array. (timeout was needed to remove flicker in IE)
Dialog: Prevent the shown div from being destroyed?
Hi there, I am looking into UI dialog right now but am stuck with the problem, that each time I close a dialog it won't open again. I think that is because the dialog destroys the shown div then, but how can I handle this in a different way? Kind regards Arne
<!--[if IE 5]><div id="ie5" class="ie"><![endif]-->
I open the demo index.html and i saw tags like below <!--[if IE 5]><div id="ie5" class="ie"><![endif]--> <!--[if IE 6]><div id="ie6" class="ie"><![endif]--> <!--[if IE 7]><div id="ie7" class="ie"><![endif]--> i cannot find any element ie5, ie7 associate with anything css ,js file.
addition to ui.slider, possibly more...
Hi, I've just had a problem of a ui.slider not respecting its startValue, and it took me a while to figure out the problem... Turns out, because my slider is in a hidden element (display: none) when created, it's calculated actualSize is 0x0. I suggest that an optional option is added called 'css'/'size' or something to that effect. Here you could specify the sliders actual width, and this could be used instead of outerWidth() (same goes for height and possibly other values)
Drag and Drop only puts image on new IE Tab
Hello there and thanks for looking.... I'm trying to use the jquery UI drag and drop functionality. I've downloaded jquery 1.2.6 as well as the UI personalized bundle. When I try to drag an image into a <div>, a new tab opens up in IE 7 instead of dropping into the 'droppable' <div> I've defined. Anyone seen this odd behavior, or have a workaround? Thanks!
The soon to be UI MENU - docs.jquery.com/UI/Menu anyone using?
Has anyone seen or made a demo or used the new (in progress) ui menu?? LOVE to hear or see!!!!! http://docs.jquery.com/UI/Menu the demo link has never worked for me... looking forward to seeing anything it can do... any thoughts on it's usefulness? Best to all!
clone issue with ui.datePicker, redux (caused by use of $.data)
hey folks, it seems like this has come up in two different exchanges over the past 12 months. I ran into this issue as well, where using a deep clone (el.clone(true)) doesn't work for datepicker. The issue seems to be the use of $.data to store a jquery instance for a given input. The problem with doing it like this is this data store won't get cloned. I went through the code quite a bit and I don't quite understand why it is setup like this, vs using the event model (even triggered, attach datepicker
[DatePicker] Important bug when Sunday is the first day of week
Hello, I have found an important bug in the datepicker component. When "Sunday" is the first day of week displayed, the dates don't match days of week. For example the November 3rd, 2008 is a Monday and with Sunday as the first day of week it becomes a Thuesday. Thanks.
datepicker not working correctly on IE6 and IE7
I suppose the UI datepicker page http://ui.jquery.com/repository/latest/demos/functional/#ui.datepicker Doesn't work correctly on IE 6 and IE7? Thanks, jui
Draggable stop and Droppable drop events
Hello, I'm currently creating a drag and drop table, however, I'm coming across some issues with the stop and drop events... When I've "completed" a drop I am wanting to perform some clean-up operations, and then restripe the whole table which is the container for the draggables and droppables so the colour scheme stays in sync. However, I'm finding that if I use either the drop or stop event for a draggable or droppable element that the event hasn't actually "completed", so when I'm trying to perform
droppable: getting position of dropped element relative to the dropped div
hi on the call back of drop function i get the ui element with which i can get the following position.. # ui.position - current position of the draggable helper the above is relative to the div from which it was dragged # ui.absolutePosition - current absolute position of the draggable helper this is the absoluteposition i want the position of dropped element relative to the dropped div? how do i get that?
Sortable: linked lists, disappearing column
Paul, I have identified a bug even with the demo code whereby if all the members of one list are dragged to another list, the placeholders disappear in the empty list (that is, you can no longer drag members onto the empty list). Although documentation is scant, it seems that dropOnEmpty should have some effect on this, but so far it does not seem to solve the problem. Using: jquery.ui-1.5.2/demos/functional/index.html#ui.sortable I was hoping to go live with some code that utilizes sortable.js,
Tab Panel plus table pagination
Hello, I am using Jquery UI tab panel script..one of the tab loads its content with ajax. This remote page has table that uses Jquery Pagination script... Now issue is where to place pagination Div...If I place pagination div on page which has tab panel then pagination link are coming outside the tab panel.. and if I place pagination div in remote page then pagination links comes inside tab panel but pagination link doesn't work for second link or so.... Is there anyone who faced this issue? How
Multiple entry add rows
Hello, I have a requirement wherein the UI needs dynamic addition of records into a <ul> list. Basically the requirement is something like this http://devblog.jasonhuck.com/assets/infiniteformrows.html But this is not index based, rather it is just navigating the dom by parent reference. However I needed a indexed multiple entry block to keep the code cleaner. My approach was to keep a HTML attribute index and on event (like add button click) fetch all the elements with the id, then filter out using
Binding
Okay I'm sure this is simple, but I'm have trouble. Here's the code. 1 XHTML with a button, 1 PHP script that loads a form into a div, 1 JS file that implements jQuery to do everything. index.html -------------------------------------- <html> <head> <script src="http://jquery.com/src/jquery-latest.js"></script> <script src="script.js"></script> </head> <body> <input type="button" value="button" class="button" /> <div id="info"></div> </body> </html> output.php ----------------------------------------
[Dialog] Autosize
Hello. Is there a way to enable jQuery UI dialog to automatically size it's bounding box based on displayed content (aka autosize)?
Resizable : problem !!!
Hi, i try the resizable function but he have a problem i see the handles but i can not resize my div i give you my code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <script type="text/javascript" src="./js/jquery.js"></script> <script type="text/javascript" src="./js/jquery-ui- personalized-1.5.2.js"></script> <style type="text/css"> div#global
Jquery with Struts
Hi, I am using JQuery with Struts 1.1. I am using following code when user clicks on Save button: $('#save').click(function() { $.blockUI({ message: "<h1>Please wait...</h1>" }); $.ajax({ url: '/saveData.do?dispatch=save', type:'post', cache: false, dataType:'xml', complete: function() { $.unblockUI(); } }); Following is my struts code: <body onload=""> <html:form action="/saveTemplate.htm?dispatch=save" method="POST"> <div id="firstchildcontainer"> Name: <html:text property="templateName"/>
Functional demos are busted - bring you to Download Page
Guys, When you click any button on the demos on these pages: http://ui.jquery.com/repository/latest/demos/functional/#ui.effects.easing http://ui.jquery.com/repository/latest/demos/functional/#ui.effects.general http://ui.jquery.com/repository/latest/demos/functional/#ui.effects.showhide It brings you to: http://ui.jquery.com/download_builder/ I usually go there to cut-and-paste code and try stuff out, and it's kind of annoying that it doesn't work. I am assuming the form or button needs to be modified
How do you use LiveQuery with ajaxForm inside tab panel?
Hi, I am using JQuery UI tab panel and one of the tab has remotely loaded form which I submit using ajaxForm... Once I submit form and in case server return error message for any invalid values, then I correct form and resubmit...After this new response is coming in new page. I know page elements are bind only once in ajax call and new form is not bind for bind ajax call. but question is how to find form for new ajax call so that all my response comes inside tab panel...I tried couple of things but
Datepicker previous problem in date range selection
When trying to use DP (2 together) for selecting a date range, previous button in the calender for 2nd DP (to field) does not get displayed only left angle bracket get displayed . This happens when previous button is disabled (meaning) when you are at current month and you can not go before this month for a future date selection. Also it is erratic sometimes it does not occur. I have seen this occurring in Datepicker demo web page as well. Any clue?
resizable: disableSelection is not a function
Using the latest trunk versions of core, dialog and resizable I found that resizable doesn't work without using disableSelection: false/ true. Without you get a "disableSelection is not a function" and the resizable function does not work. I.e. it must look like this or else it won't work: $("img#image1").resizable({ handles: "all", aspectRatio: true, preventDefault: true, ghost: true, disableSelection: false, knobHandles: true, stop: function(e,
datepicker showing me one day ahead
I am a newbie to jquery and trying out some widgets. I tried the easiest one datepicker, but its showing me one day ahead. Today is 05Nov2008 wednesday, but when I try datepicker, 05Nov2008 is Thursday. The code is below. Any ideas? <script src="<a href="http://code.jquery.com/jquery-latest.js">http://code.jquery.com/jquery-latest.js</a>"></script> <link rel="stylesheet" href="<a href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.datepicker.css">http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.datepicker.css</a>"
jquery UI - Tabs
Hi Guys, I have jQuery Tabs working great, but the tabbed content is down the bottom of the page when initially loaded. When I click a new tab, the screen pulls back near the top, almost like an anchor link is positioned at the top, which it isnt. It means the user has to scroll back to the bottom to view the new tab content. Any ideas? Many thanks,
div in tab Object doesn't adjust itself to new loaded content
I uses on my side the tab Object of JQuery. The whole Tab Structur is the "#kontext" div, the tabs are div's called "konTab1", "konTab2", ... when I now load new content into a tab with: var $tabs = $('#kontext').tabs(); $tabs.tabs('url', '1', '/exist/servlet/db/mes/scripts/ showKontext.xql'); the content is loaded, BUT the div element of the tab doesn't adjust itself to the size of the new content, although when i look to the source the content is in between the two div tags. How can I solve this
best way to disable dropping onto a sortable?
I'm struggling with the best way to approach this one, could one of you jQuery UI gurus suggest a solution? I have 2 lists ... the user is expected to drag items from list 1 and drop them onto list 2. List 2 then behaves as a sortable, so after these items from list 1 are dropped, they can be sorted within list 2. I have that much working already! My issue is ... List 2 should ONLY allow a maximum of 10 items to be dropped in it. What is the best way to disable the dropping of items from list 1 onto
Status of jQuery UI 1.6?
Hello, what is the status of jQuery 1.6? When will the final be released? And will the AutoComplete be part of 1.6? Thanks, Stefan Sturm
demo menu does nothing
the menu on this page does nothing when clicked http://ui.jquery.com/repository/real-world/splitpane/#ui.selectable
How to load a page into a modal dialog?
I want to show my login form in a modal dialog when an anonymous user tries to post a comment on my site. Ideally, I'd like to be able to load a page sort of like the $ ("somediv)".load function, except I want that div to behave like a modal div, where it sits on top of everything else, and has a close button. Any ideas? Matt
UI Tabs extension - Paging
I wrote an extension for tabs to allow paging for lists that don't fit on one line. This is the first extension I've tried to write so I am sure there are things that could be done more efficiently. I'd be interested in getting some feedback and suggestions. There were some IE issues for which I had to workarounds (resizes, padding-right on the "next" button). Would like to get rid of those eventually. Examples can be found here: http://www.seyfertdesign.com/jquery/ I setup a project on Google Code
Widget question: What is the difference between ini and _init
I was looking to some of the ui widget source code recently and saw that some are using _init instead of init.. is there a difference ? Which should I use in my widgets ? The documentation in the developer's guide is quite is somewhat sparse..
Separate Sortable Helper?
The default sortable implementation adds the sortable helper as an element inside the parent of the sortable items. In my particular case this list is contained in a sidebar whose overflow-y css property is set to auto, and overflow-x set to hidden. Unfortunately this means that the helper can't be dragged outside the container without disappearing. Ideally I'd prefer to specify a sortable helper that's contained in a separate 'layer' or div at the top level of the page. This means it can be dragged
form plugin don't work in ui dialog?
Hi. I have a dialog with a form loaded in it. but doenst work with the form plugin. Sometimes work sometimes not. this is the code in in the dialog: <form action="testform.asp" id="form123" method="post" name="form123"> <input name="Text1" type="text" /> <input name="Text2" type="text" /> <input name="Text3" type="text" /> <input name="reservar" type="submit" value="Reservar" id="reserva"/> </form> and this is the form plugin jquery code from the samples: <script type="text/javascript"> //
Next Page