[accordion] How to use accordion navigation option?
Hi - I am new to the accordion plugin and I am completely flummoxed by the navigation option. Here's what I'm doing - I have a sidebar menu which uses Accordion, and each of the items in the sidebar will execute a load command to dump a snippet into a main content div. So all the page updates are ajax, the primary url doesn't change except via query strings. My hope was that the nav option would make accordion aware of the page state and allow bookmarking the snippets, etc - but no luck, and the
tabs loading iframe src
hi there Im trying to create tabs that have content from differnet domains i ve seen an answer to another post saying "What should work is including iframes as content of the tab panels and let these iframes load the external pages. -- Klaus" I ve done a few attempots but i dont know how to do this can anyone please help Thanks
datepicker {rangeSelect:true} with themeroller theme looks bizarre
When I use a datepicker with the rangeSelect:true option and a themeroller theme, the datepicker widget looks bad. Specifically, the "previous month" link changes and all the days of the month up to the first selected date lose their styling.
Mouseover links in page content change the image displayed in fixed box?
Sorry if this isn't the correct place to post this, but I have been hunting around to find examples/code for what I assume is an insanely simple jQuery function... to have hyperlinks within the content of a page that, when moused over, would change an image displayed in a fixed box on the same page (ideally with a fade in/out or some other effect). Is there already a plugin that does this? Or is this so insanely simple that it's just "standard" jQuery code? Thanks for your help! - John
Can non-droppables respond to draggables?
Hi all, Is there an easy way to have a draggable trigger a behavior on a non- droppable that it's hovering over? Here's the setup: I've got a nested tree of folders & art galleries. It's like a directory tree, where folders can contain folders & galleries, and galleries can contain images. I'm using jquery to do the opening & closing of the folders, in response to clicks on "disclosure arrow" graphics. The folders & galleries are currently organizable with draggable/droppable functionality. Next
Problem with Tablesorter Pager plugin - there should be an option to turn off absolute positioning of pager container
In the Tablesorter Pager plugin, on line 25 the position of the pager UI container is always set to absolute. In some cases, you want it to be positioned differently -- I embedded a table in a page with a lot of other preexisting content, and the pager was placed on top of some other elements. I removed the absolute position part myself, but it shouldn't be set to absolute by default. On a related note, the documentation for the Pager is unclear. It's not obvious that you have to create all the Pager
Question/bug with draggables and CursorAt
Hi all, I might have found a bug but I'm not sure. Maybe someone else has had this experience and can help me find a solution, or confirm that this is indeed a bug. I'm implementing a draggable, and the draggable element can be fairly large. I want to constrain the cursor to the center of the object to make finding the small droppable targets we're using easier. Here's my code: $('.draggable').each(function() { $(this).draggable({ revert: true, cursorAt: { top: Math.round($(this).height() / 2), left:
Using the keyboard to control draggable objects
I've set up a test page with sliders and draggable objects which will form the basis for some user controls within a questionnaire. The sliders respond to keyboard controls when in focus, but the draggable objects don't. Is it possible either to have a slider that works in two dimensions, or enable keyboard manipulation of the draggable objects when in focus? I'm assuming that the draggable objects wrap an anchor around the moving object, so should be able to hold focus? Also, I had thought the sliders
ui.dialog issue with konqueror
Hi, Just to let you know, I filled a bug report about ui.dialog not working with konqueror. http://ui.jquery.com/bugs/ticket/3231 I also attached a testcase, that could be run from there: http://jpoker.aminche.com/jquery-ui-dialog-test/test.html Let me know if it is relevant.
What's different?
Hi, I'm new in jquery, and I recently discovered the UI version. I red the documetation, but I didn't undrestand if I still have all jquery functionality when i use jquery ui. I'm actually developing a project which needs the user to select and manipulate dom elements, and I think jquery ui would solve most of my issues. I started doing it using jquery: would you suggest me to migrate towards jquery ui? Will it be painless? Balanza
Tabs: calculate and set a fixed height
Hi all, I have a question on Tabs plugin. With the default css'n'xhtml reference tab-plugin site, I want to calculate the highest <div> and set its height to each <div>, so the html comes after do not move while switching tabs. So, I wrote this code: $(document).ready(function() { /***Put in a new array all the heights***/ var arr = new Array(); $.each( $('#div-container > div'), function(i,j) { arr[i] = $ (j).height();}); /***Take the highest and set that height to the container***/
Accordian
Using the standard version of accordian how do I make the div height auto - at present it is fixed at 362px (don't know where this height is specified)?? I am using the following script jQuery().ready(function(){ // simple accordion jQuery('#list1a').accordion(); jQuery('#list1b').accordion({ autoheight: true }); });
UI datapicker, alternative date formats
Dear jQuery comunity First of all: thanks & compliments for this marvellous piece of software. Then: I live in a multilingual part of the world, mostly german and italian. German speakers usually, but not always, write dates as dd.mm.yy, whereas dd/mm/yy is usually, bna, preferred by italian speakers. Lazy people prefer ddmmyy, it saves two keystrokes. Now i can set the format when instantiating the control, like in $(document).ready(function() { $('#job_end_plan_rngfrom').datepicker({showOn: "button",
UI. Datepicker.
Hey, I'm trying to create a new element for each row of a table(jqgrid) that I create dynamically. I can't get the datepicker to work. I have gotten datepicker to work but it was on an element that was created in the html. I've tried to create the element a few different ways. //Using a textarea - nothing happens. var calText = document.createElement("textarea"); $(calText).attr({ id: "calText", name: "calText", css: "date-pick" }); $(calText).text("Text"); $(calText).datepicker({ clickInput: true
slideToggle(speed) not working correctly in IE7 (7.0.6000.16711) on Vista
Hi, I am using the following script to slide toggle multiple div elements in a page. It works fine in FF2 but behaves little strange in IE 7 version mentioned above. Here is the script <script>$('div[id^=upgradeConfigItem_]').each(function(i){$ (this).click( function() {$('#upgradeConfigItemToggleContent_' + i).slideToggle('slow'); $('#upgradeConfigItem_' + i).toggleClass('expand'); $('#upgradeConfigItem_' + i).toggleClass('collapse');}); });</script> Here is corresponding HTML ..... <form action="?wicket:interface=:
Manually firing Tab show event...
I'm trying to trigger the show event when the tabs initialize (as it doesn't fire it by default.) Is there a way to either: 1) Have the show event fire on init 2) Manually invoke the show event for the currently shown tab I took a precursory glance at the source code and didn't see anything. -Dan
Get attributes of UI draggable
I am trying to get the attributes of the ui.draggable, but it is returning nothing at all. What am I missing? alert($(ui.draggable).attr("id")); The above returns nothing, not even undefined.
Tabs - Selected option
For the life of me, I cannot set the initial tab option. I'm using the following code: $j(document).ready(function(){ $j("#strategy_menu > ul").tabs({selected: 2}); }); I have not changed any settings in the ui.tabs.js file and the tab functionality works perfectly, except for the selected option. Can anyone please point out if I'm doing it worng? Thanks.
themeroller and datepicker don't play nice together?
Hi, I just downloaded the "south street" theme and it is very pretty. I tried to apply it to a datepicker applied to a text box, and got goofy results. I discovered the problem. The themeroller has this line: .ui-datepicker-div when it really needs this instead: #ui-datepicker-div Maybe the real problem is that the datepicker jquery function should assign a class, not an ID, since there could be multiple datepickers on a page. Matt
can't use datepicker functional demo
hello, (sorry for my poor english : i'm a french user) I try to watch the datepicker functional demo - that worked few days ago - , but the page displays then disappear with this message : "Oops, there is no template file for this component." I need to understand some special uses of datepicker, so how can i access to the whole informations published on this page ? Is there another complete demo page of datepicer somewhere else ? thanks a lot for your help, JG.
Tab w/ sequential UI effects
Evening folks. I'm trying to get a TV turning on/off type of effect. I think I can accomplish that if I'm able to do the following: TabA is showing TabB is clicked, divA clips horizontal, then blinds vertical then divB shows with a blind vertical followed by a clip horizontal. I'm trying to figure out how to get UI-effects to work with tabs. Anybody have any direction on this? Cheers, A
jQuery AJAX function problem with semi-colon - help,
Hi there, I m using latest jQuery 1.2.6 and when I try to use ";" in my input and it does not read values/text after semi-colon. e.g. I enter abcd;xyz in to input box and I do following: var VER = $.trim($("#boxing1").val()); alert(VER); alert shows correct value and when i send it through: $.ajax({ type: "POST", url: "/cgi-bin/test.cgi", data: "validu="+VER, cache: false, timeout:10000, .... it gives me abcd
Versions of UI.js
In the process of getting UI and themes working for our site I am trying to firstly re-produce the Demo page on my machine. The demo page works fine while the script is point back to the ui site for it ui javascript <script src="http://ui.jquery.com/js/ui.js"></script> However when download the latest version of ui.js (chose everything to be safe) I get a file jquery-ui-personalized-1.6b.min.js which I point to with <script src="/MyDir/jquery-ui-personalized-1.6b.min.js"></script> This doesnt work
UI Draggable child of dragged element
I am trying to set the background of a child div of the dragged element. I tried: $(ui.draggable + " .statusColor").css("background-color","red"); This does not seem to work. Have I done something wrong?
Text selection in a resizable?
Hi All, I'm new to jquery ui, using jquery ui 1.5.2 and I'm wondering Is there any way to enable text selection within a div made resizable by doing $ ("foo").resizable(); I thought I was doing something wrong, but even the text in the demo at http://docs.jquery.com/UI/Resizables is not selectable in FF 2 and 3. Text seems to be selectable in IE7. Drew
slider fires 'beforeunload' event?
Hi, I'm having an issue with the slider control, whenever the slider is interacted with and the change event is fired, jquery is also firing the window event 'beforeunload'. I'm using the slider as a volume control for the windows media player plugin, and in IE6 this causes the player to stop the current track. Is this a known issue? Any possible fix? Thanks
Draggable and Droppable inside divs w/ overflow:hidden
I seem to be having trouble dragging anything out of a div that has overflow:hidden set. At least in Safari, it won't bring the draggable item outside of the div. Should there be any problems doing this? Also, I am trying to move a link, and drop it on a droppable div, Firefox 3 does not seem to like this at all, and never returns my drop: function alert. Safari works great, with the exception of the problem above. Any reported browser issues like the ones above?
themeroller - open source it?
Despite it being TOTALLY AWESOME, using themeroller and dropping it into production work isnt doesn't *just work* like many would like, but with a little more care and thought around the generated CSS it creates, I think we could get somewhere good. There are some common problems with the tabs and datepicker css... among others. There a many threads in here around about it: + http://groups.google.com/group/jquery-ui/search?group=jquery-ui&q=themeroller And I've seen a few posts in the wild about
Draggable UI, add class to clone when dragged
I have the helper set to clone, and I would like to add a new class to that clone, so that I can add some extra styles to the item being dragged. I tried to add a function to do this, but I get syntax errors. Does draggable even allow what I am trying to do? $("#adminEditListingB .itemHolder").draggable({ helper: 'clone', appendTo: 'body', cursor: 'move', function () { $(this).addClass("draggable-active"); } });
Accordion Height Jump
Everytime I change accordion tabs, the container box increases 24px in height while the animation is working, and when the animation is done, the height jumps back down to its original height. It **seems** like the padding is contributing to the problem. Is jQuery not properly taking the padding in account? Or am I doing something wrong? The code is posted below. I've tried to strip it down as much as possible. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ TR/html4/strict.dtd">
Chaining jQuery Tab
Hi, I have difficulties in chaining jQuery Tab. I have 2 tabs. MainTab (number 0) and WidgetTab (number 1). MainTab loads an url via ajax. at first I put this javascript in the page which is loaded into MainTab: alert(jQuery(_idTab + ' > ul').data('selected.tabs')); and after the page is loaded, pop-up box shows Number 0. That's is as I was expecting. A button inside MainTab, when clicked open the third Tab, MiscTab(number 3), and activate MiscTab. in MiscTab, there's a link which should activate
UI dialog content in IE6 shifted left
There was a previous thread discussing this issue, but no solution or work-around was suggested. I believe I have document the issue a little better. There are screen shots, script, HTML, and CSS here: http://128.177.27.110/jquery-ui/ But I am still looking for a solution or work-around. Any help is greatly appreciated! Here is the older thread: http://groups.google.com/group/jquery-ui/browse_thread/thread/ad1e84c73449bff7/5ea02563fc5b8130?lnk=gst&q=dialog+IE6#5ea02563fc5b8130
Question about Building Your Own (for tabs) ...
http://ui.jquery.com/functional_demos/#ui.tabs When you click "view source" here would it be an idea to also list the specific widgets and effects that were required? It puzzles me a bit that it isn't., and as a noob having trouble getting it to work I wonder if I have screwed up in the selection/build of scripts, or if it is something else. Either way I know it's user error, just wishing it was more clear. Back to this page: http://ui.jquery.com/functional_demos/#ui.tabs Trying to use the combined
Question about Building Your Own (for tabs) ...
http://ui.jquery.com/functional_demos/#ui.tabs When you click "view source" here would it be an idea to also list the specific widgets and effects that were required? It puzzles me a bit that it isn't., and as a noob having trouble getting it to work I wonder if I have screwed up in the selection/build of scripts, or if it is something else. Either way I know it's user error, just wishing it was more clear. Back to this page: http://ui.jquery.com/functional_demos/#ui.tabs Trying to use the combined
Dialog + Ajax example?
<div dir="ltr">Does anyone have an example of a dialog that pops up with the contents of a file on the same server? Jim </div>
Download older versions.
Any way to download older versions besides SVN? Using the convenient package builder? Not quite ready for 1.6b yet. Thanks.
Contribution - Datepicker Croatian i18n
Hi all, I've created a datepicker i18n file for Croatian language. Would be nice if some committer could add it to a distribution. BR, Vjeko /* Croatian i18n for the jQuery UI date picker plugin. */ /* Written by Vjekoslav Nesek. */ jQuery(function($){ $.datepicker.regional['hr'] = {clearText: 'izbriši', clearStatus: 'Izbriši trenutni datum', closeText: 'Zatvori', closeStatus: 'Zatvori kalendar', prevText: '<<', prevStatus: 'Prikaži prethodni mjesec', nextText:
Help with Accordion Widget
Hi I'm very new to using jQuery and jQuery UI, so apologies if question is inappropriate or such like. But likewise, thanks in advance for any help anyone can offer. I’m using the Accordion Widget to break a list of items into categories. Within each panel of the Accordion live a set of <li> elements, each of which activates an information panel next to the Accordion on a mouseover. Click on a header and you get to see a different set of <li> elements etc. The Accordion works OK if I don't animate
Dialog overlay and select elements in IE6
It seems that the overlay for UI dialogs suffers from the good old IE6 problem where if there are select elements behind the dialog and its overlay they get rendered on top of both. This is really aggravating, worse it means that selects can be manipulated when a supposedly modal dialog is being displayed. Is there any way around this, or is there a fix in the pipeline?
Dialog problem : unselectable text
Hi everyone, jQuery and jQuery UI are really great ! I have recently upgraded my Web application from 1.5 beta2 to 1.5 and I had to make some adjustements. Now everything works, but I discovered that now it is impossible to select some text in a dialog box (It was possible before). Does someone know how can I make my text selectable again ? I have a div full of text inside the dialog box with the css style overflow: auto. (I tried 1.5.1 but it didn't solve my problem). Thank you in advance.
Next Page