Distance between Fisheye images
Hello, how can I make the images in a fisheye be displayed with some distance between them? Thanks Wolfram
problem with sortable('toArray') output
$("#sortable").sortable(); $("#sortable").disableSelection(); $("#sortable").bind('sortupdate', function(event, ui) { var result = $("#sortable").sortable('toArray'); console.log(result[1]); }); produces: "Array" Has there been some change where the Array is now multidimentional or something?
UI1.7.1: DatePicker: year is doubled on IE6. Help !!!!!!
Hi, Although it was working fine since some days, from the middle of the afternoon (in France), the datepicker retrieves everytime the year two times on IE6. It still works fine in Chrome. => 11/06/20092009 Here is the init of the two date pickers I have: $.datepicker.setDefaults($.extend({showMonthAfterYear: false,yearRange: '-1:+1'}, $.datepicker.regional[clanguage.toLowerCase ()])); $("#datePickerFrom").datepicker(); $("#datePickerUntil").datepicker(); I do not know if
jquery conflict when using more javascripts
Hi. I have already a jquery call to one menu bar script, and I need to add lightbox which uses jquery again. I tried hard to try to find a solution searching and testing but I was unable to fix the problem. Anyone has an idea how to do this? My code is: <link rel="stylesheet" type="text/css" href="../menu/ ddsmoothmenu.css" /> <script type="text/javascript" src="../menu/jquery.min.js"></script> <script type="text/javascript" src="../menu/ddsmoothmenu.js"></script> <script type="text/javascript" src="../javascripts/
Resizable() deactivates elements
Hello. I recently started using jQuery / jQuery UI and love it... it really makes JS development a lot simpler and more fun. However, I have a problem now for a while with "resizable" which I can't seem to figure out myself. Everything used to work fine in the beginning, but now it seems that each element that should be resizable becomes disabled for unknown reasons. This is the code I use to place resizable() on the textarea-element: $(":textarea[name=comment]", $("fieldset#fs_pers")).resizable
slider with fixed end
Hi all, I'm looking to create a slider using the wonderful and amazing jQuery but with one side of the slider fixed, so that as you move the slider, the space between an edge and the slider is filled with a certain colour. Can someone enlighten me as to how this may be done? Best, -top
Serialize not working with the Portlet Demo
Ok I am quiet new to Jquery but have been doing programming for some years. Basically I just want to post back what panels are in what column and the order. In the end the only way I could get the values was to do a .each on each column with the toArray command and then put all of them in to a single array so i can post the results to another page? WHY? see below <!doctype html> <html lang="en"> <head> <title>jQuery UI Sortable - Portlets</title> <link type="text/css" href="ui.all.css" rel="stylesheet"
tabs ui , links and ajax help please
Hi there, I'm new to the group and i'm hoping someone might be able to assist me. I only found out that Jquery existed 2 days ago so please bear with me. This question has probably been answered before but I'm possibly searching for incorrect terminology...for this, I apologise. I have a multitude of issues but 2 main ones that are bugging me more than others. I have an index page using tabs. Works quite well. In my list of tabs, one of them points to a container within index.php and the rest are
Tabs within tabs screws up my lazy loading
Hello all! I've created some tabs within tabs. Here is the functions: $(document).ready(function () { $("div#tabs").removeClass("ui-tabs-hide"); $("div#tabs").tabs({ cache: true, duration: 'fast' }); $(function() { $("div.tabs_head").tabs({ load: function(event, ui) { bindDates() }, cache: true, duration: 'fast' }); }); }); var bindDates = function() { $('input.checklistStatusDate').datepicker(); }; The problem is that it preloads the initial content of all the top- level tabs and not just the first
How to remove jQuery dialog rounded corners ?
Hi, All over the web i found posts about people which want to fix rounded borders on IE, but me i juste want to remove them for all browsers :) How can i do that ? Thanks, Cya, Benjamin
ui.datepicker.js and jquery.dirtyform.js
When I use datepicker for input fields that are also being watched by dirtyform, dirtyform fails to trigger. Users have to click back into the datepicker field and out of it to see the result of the datepicker dirty function. UI datepicker is clearly using onBlur to close the popup calendar, and dirtyform's onBlur may be being overridden by datepicker? Is there something I can do to get both functions to trigger? Here's part of my ready function: $("#fmAsDetails") .dirty_form() .dirty(function()
Finding out draggable target
Hi, I am trying to achieve something which should be pretty straight forward with the draggable widget but I can't find a way: I want a draggable element to revert (go back to its initial position) if it's not dropped on an element with a specific class. It seems I can't add the revert option on the stop action (woud set the option for the next drag action), so I am trying to set it while dragged: $("#draggable li").bind('drag',function(e,ui){ if ( $(e.target).hasClass("targets") ){ $(this).draggable('option',
Another Noob question relating to tabs, hyperlinks and ajax
Hi there, I'm new to the group and i'm hoping someone might be able to assist me. I only found out that Jquery existed 2 days ago so please bear with me. This question has probably been answered before but I'm possibly searching for incorrect terminology...for this, I apologise. I have a multitude of issues but 2 main ones that are bugging me more than others. I have an index page using tabs. Works quite well. In my list of tabs, one of them points to a container within index.php and the rest are
Custom theme download not working
I can't seem to download a custom theme in any browser. Here's the list: Safari 4.0.1 / Mac Firefox 3.5 RC3 / Mac Firefox 3.0.11 / Mac Firefox 3.0.11 / Windows Internet Explorer 8 / Windows All of them give me the same basic CSS file instead of one with the colors and options I chose. Is anyone else having this issue? I've cleared the cache in each of these and tried it without any components selected, 1 component selected, and all of the components selected.
Tab Stacking Order problem with drop down menu
I'm having an issue where the tabs are showing up on top of our drop down-menu, in IE6.. of course. I've tried setting the drop down z- index to 100, where in the tab css the only z-index is 2. I think this should work, but it doesn't do anything in IE. Anybody have any ideas?
UI Slider problems
Last year I used jQuery slider to gather input of several continuous variables. It worked very well. If the moveTo function is now missing from the jQuery slider UI, is there a way to use the value options to set sliders? I need to have several sliders set to previously saved positions when viewers revisit my webpage. If they do not move a slider, I must be able to grab its original value. I have been able use the "setter," for example: $('.selector').slider('option', 'value', 37); to move the slider
Ui Download size.
Hey Guys, I havent used jQuery UI for a while. I used to have a site that used jQuery Ui and I was able to get a Download (with a new components) with a size of 22KB's, Im trying to download the new jQuery UI but everything i select seems to give me a download size of over 100K, I tried to unselect the Themes but I seem to get it back every time? What happened? Can I still get a small download size of under 50KB
prevent tabs from using the theme
hi I use a theme on my page for the jquery.ui-dialogs - but I don't want to apply this theme to my jquery.ui-tabs. How can I prevent specific tab from using the theme? Simon
Adding Datepicker at runtime
Hi, i'm adding a datepicker on a button click event: $('#somebutton').click(function() { // add <input type="text" id="sometextbox" /> into a new table row. $('#sometextbox').datepicker(); }); but it doesn't position well when i focus that textbox. it's some pixel above the textbox and simply doesn't look that pretty. my other date pickers that i added on document ready are pretty :) can someone help me? cheers, stefan
JQuery UI Performance / ThemeRoller
ThemeRoller: http://jqueryui.com/themeroller Tested browsers: Firefox 3.0.11 Internet Explorer 7 Google Chrome 2.0.172.33 Safari 3.1.2. (525.21) Opera Version 9.61 Opera is the only browser that does not slow down when using jquery animation effects. Can this issue be resolved for other browsers? How? Best wishes, Uros.
BUG REPORT: jQuery UI 1.7.2 fails to build
asukakenji@development:~$ cd /var/www/jquery-ui--tags--1.7.2/build/ asukakenji@development:/var/www/jquery-ui--tags--1.7.2/build$ asukakenji@development:/var/www/jquery-ui--tags--1.7.2/build$ asukakenji@development:/var/www/jquery-ui--tags--1.7.2/build$ asukakenji@development:/var/www/jquery-ui--tags--1.7.2/build$ sudo -H - u www-data ant -f build.xml Buildfile: build.xml docs-download: [get] Getting: http://docs.jquery.com/action/render/UI/API/1.7.2/Draggable [get] To: /var/www/jquery-ui--tags--1.7.2/docs/draggable.html
DatePicker start date
Hi all I'm a new user of jQuery UI and especially DatePicker But I have some problems with it : I can launch the datepicker from clicking on a input, but it takes as current date the today date (but the HTML "value" attribute is not set at this date...). In fact, DatePicker changes the "apparent" value of my input, not using the date I implemented in the HTML. I use the following code on my footer : <script type="text/javascript"> $(function() { $("#selection_date").datepicker($.datepicker.regional['fr']);
rounded corners and jquery
Hi,<div> </div><div>the rounded corners in jquery don't seem to work in IE... which forces me back to the old way of using images</div><div>for corners.</div><div> </div><div>is there a plugin that can take 8 images and place them around my DIV?</div> <div> </div><div>anyone?</div><div>peter<br clear="all"> -- Power Tumbling - <a href="http://www.powertumbling.dk">http://www.powertumbling.dk</a> OSG-Help - <a href="http://osghelp.com">http://osghelp.com</a> </div>
for resizable UI
hi jQuery, i am making a UI in which there are 2 divs. i used resizable and dragable for both. i need help regarding if i increase the size of 1st div then size of second should get decresed and vice-versa. you have a methd in which if i increse size of one then others size also increses but i need a reverse of that. Thanks & Regards, Kapil Jaiswal
Form validation combined with Tabs
I am using a user interface based on tabs. When loaded all tabs are disabled execpt for the first one. When a user clicks "next" the second tab is enabled and focussed etc. Is it possible to use Jquery's validation on tabs? I can't find out how.. Anyone that has some tips/ideas?
nested accordion collapses when i select child item
i've built a nested accordion, which functions partially. it uses the heading-div structure (see code example below). when i select a parent accordion, it expands fine & shows the collapsed child items below. but when i select a child item to expand it, the parent closes. the example is live here: http://www.messengerwebdesign.com/dishingitup/?page=nutrition here's the javascript: <script type="text/javascript"> jQuery().ready(function(){ // customized accordion jQuery('#nutrition1,
Using Selectable. Quick question.
Hey guys, beginner to jQuery but I'm loving it so far. So I'm using the selectable interaction and I want to make the div dragable/ sortable only when clicking and holding on a certain part of the it. What would be the best way of doing this? To give you an idea, here is what I've attempted so far. My noclick.unbind does not work and I'm not sure how to accomplish my task. <head> <script type="text/javascript"> $(function() { $("#sortable").sortable(); $("#sortable").disableSelection();
draggable & connectToSortable issues
#1.) how can i change the helper element with the over and out events of sortable? basically i want the draggable item to turn into other dom elements during the drag. #2.) if my draggable is a <img />, why is the placeholder automatically also created as an <img>? how do i override that default behavior. i want my placeholders to be $('<div>drop here</div>') while still letting the draggable be $('<img />') #3.) is there more detailed explanations on how ui.helper, ui.item, ui.placeholder works
Accordion Menu state-saving
Hello, I have been trying to get this state-saving to work but with no luck. It does pass along the location.hash, but it does not activate the menu item as needed. header code: $(document).ready(function() { $("#sub-menu").accordion({ autoHeight: false, collapsible: true, navigation: true }); $(".mitem").click(function(event){ window.location.hash=this.hash; }); } ); menu: <div id="sub-menu"> <h3><a href="#mini"
jquery animate toggle (width)
when you look at this page in safari we see the tabs flashing for a second. http://ea.captechnix.com/artists the issue i am experienceing is a kind of the below one http://dev.jquery.com/ticket/1078 however with the"width" animation can somebody let me know the fix for this
[resizable] Some issues (see "my example code")
Hi all, As a jQuery lover, I was sooo sad to fall upon a few bugs in the resizable plugin. Here they are : 1) CSS : Issue : I had to add the ".ui-resizable" css for that plugin to work (hopefully I found a website explaining that workaround). Proposal : automatically add the style if not found (is that possible ?), or at least explain it on the resizable doc page. 2) Scroll option : Issue : there is no "scroll" option as in draggable. Although it seems to be "false" by default in the resizable plugin,
Tabs don't work on Google Earth
Hello, I'm new using jQuery UI. The last version of Google Earth supports Javascript on the balloon descriptions of any feature. I'm trying to use Tabs on a Google Earth balloon description, but don't work properly. However the Accordion works fine. If I'm using Tabs and Accordion on the same balloon, only the accordion works fine. Any idea why? thanks
dialogs inplace
Hi jQuery UI,<div> </div><div>is it possible to have a dialog inplace.. meaning I have a layout with </div><div>left, right, top and bottom divs... and I would like to add a couple of dialogs</div><div>to the left side inside my divs.</div> <div> </div><div>anyone?</div><div> </div><div>peter<br clear="all"> -- Power Tumbling - <a href="http://www.powertumbling.dk">http://www.powertumbling.dk</a> OSG-Help - <a href="http://osghelp.com">http://osghelp.com</a> </div>
Tabs on Google Earth
Hi, I'm new using jQuery UI, The last Google Earth version supports Javascript on balloon descriptions. I'm trying to create tabs using the JQuery UI on a GE balloon but they don't work properly. However the accordion works just fine. Using both together on the same balloon only the accordion works fine. I can't understand why. Any ideas? Thanks
No dialog scrollbars in Internet Explorer (IE 6, 7, 8)
I am trying to use the dialog widget but I can't get scroll bars to show up in an IE browser. I downloaded the latest version of the js and css and wrote as simple of a test as I could and it still gives no scroll bar. I searched the documentation but could not find this as a known issue. Does anyone else have trouble with IE and scroll bars? Is there a known fix for this? I am including my simple test html. This works fine in Firefox and Safari. <html> <head> <link rel="stylesheet" type="text/css"
jQuery Event object has different keycode in keypress and keyup
Is this on purpose? IE and Safari behave the same, Firefox is different. Here's my little tester. In particular, try the keypad: <html> <script type="text/javascript" src="http://code.jquery.com/jquery- latest.pack.js"></script> <script language="javascript"> $( function() { $('#KeyTester') .keypress( function( jqe ){ var ch = String.fromCharCode(jqe.keyCode); $('#KeyPressResult').text( ch + ' [' + jqe.keyCode + ']' ); $(this).val(ch); jqe.preventDefault(); }) .keyup( function(jqe){ var ch = String.fromCharCode(jqe.keyCode);
Widgets, adding events to newly added DOM elements
I'm trying to add a new element into the DOM and then attach a click event to it that would refer back to the calling widget. Here's what I'm doing to add the new element to the DOM and the function I want to attach, but I can't figure out how to add the event to it. The issue is that I have no way to reference the specific instance of the widget from the new DOM object. $.widget("ui.someWidget", { _init: function() { this.element.click(function() { jQuery('body').append( "<div class='foo'>Bar</div>"
Find topmost UL element of list item
Hi all, I am relatively new to JQuery but already getting well into it and discovering the possibilities. I have an issue relating to traversing a set of nested <ul> elements and I am hoping that it is relatively simple to sort out. For info, here's the background on what I am trying to do... I have a server-side control which will build navigation items based on the site map. The top level elements are rendered as <h3>tags containing a link. Sub-level elements are rendered as nested <ul>s. This
multiple windows
Hi all, I want to use jquery-ui for an application the uses multiple browser windows. I 'd like to do things like this: secondWindow = window.open(aUrl); window.$("#accordion", secondWindow.document).accordion(); It doesn't seem to work. Is it possible to get it working? Thanks, Jan
How do I remove an element from the current selection?
I try to change the "droppable" example the following way: There are many droppable elements. If something is dropped onto such an element, this element should be no longer droppable. How do I achieve this? I tried unbind and destroy, but the element still is droppable afterwards. Any hint which function should be used would be great.
Next Page