these code didn't work in ie 7
<script> $(function(){ var $container = $('#container'); $("#face").resizable({ autoHide: true, handles:'all', //ghost: true, minHeight:50, minWidth:50, maxHeight: 450, maxWidth: 800 , }) .parent() .draggable({ cursor:
Appending draggable to droppable, getting unwanted relative positioning
Hi, I think when I sent this mail the first time via the web interface, it might have gotten lost, so I am reposting it. I'm a jQuery/UI beginner and am currently starting out to build a card game. I use jQuery 1.3.2 and UI 1.7.2. I am using UI's draggables and droppables to achieve placing cards, but I am running into a positional problem: I drop a card (draggable) into a designated container div (droppable) and then have the card appended to the container. That works according to Firebug, but the
Datepicker : un-selectable days
Hello, this seems pretty basic, but i can't seem to find any documentation on it. Using datepicker, I'm basically looking to have any dates on Monday and sunday un-selectable. As my business is closed on those days. Can anyone help me with this. Thanks
Not working -> $('.Selector').slider('option', 'range', 'min');
Setting the jQuery UI Slider "range" option after initialization does NOT work... or ...?
ProgressBar - Changing the value
I can initialize progressbar, but when I try to change the value it doesn't work. The progressbar stays at the same stage (rougly 0.5% of it is filled in). I'm using 1.7.2. Initializing works: $("div#progressbar").progressbar({ value: 0}); I've tried this to update the value and it doesn't work: $("div#progressbar").progressbar({'value': iPercent}); I tried this and it gives an error $("div#progressbar").progressbar({'value', iPercent}); You can see it in action: http://www.energyjustice.net/map-test/coalproposed.php
[accordion] accordion for <dl> tags
Hi i'm trying to implement accordion for my UI which has a structure given below. <dl id='accordion' > <dt> </dt> <dd> <ul> <li> </li> <li> </li> . </ul> </dd> <dt> </dt> <dd> <ul> <li> </li> </ul> </dd> </dl> i'm unable to render accordion as it ignores the cotent from <ul>... thanks in advance
Setting up an external file as link in Jquery UI Tabs
I'm currently working on a version of nested Jquery UI Tabs I took here: http://stilbuero.de/jquery/tabs_3/nested.html It does work very nicely but I would like to be able to force a few buttons to simply open external files, such as "index.php", "info.php", etc... without Ajax, but simply refreshing the page. How can I do that? Not being a programmer I have no clue what to do, so I humbly require your advice and indications. Thanks in advance. PS I still didn't modify the script and I'm working
Accordion Collapsible Default
Hello all, I've been playing with jQuery UI 1.7.2 for a few weeks and had a question related to its accordion widget. Currently with jQuery UI 1.7.2, one of the default behaviors for the accordion is to always keep one section open. I would like all sections to be closed initially by default and was wondering if anyone out there had successfully implemented that. Thanks in advance!
Accordion | Get Current Index
Seems like I've missed the obvious but I can't seem to find a way to get the currently selected index for the Accordion Widget. Taken from the documentation, how can I alert the selected index in following function: $('.ui-accordion').bind('accordionchange', function(event, ui) { ui.newHeader // jQuery object, activated header ui.oldHeader // jQuery object, previous header ui.newContent // jQuery object, activated content ui.oldContent // jQuery object, previous content }); Basically, I'm trying
A minor issue with Datepicker.
Found a minor issue with Datepicker. If i keep the showOtherMonths option true, then in the date picker, the dates in the current month are right aligned but the disabled dates (i.e. the dates belonging to other months are left aligned.) Expected behavior- dates in other months should also be right aligned. I Have created a ticket here http://dev.jqueryui.com/ticket/4762
tree widget
Hello community, I am in need of a tree widget, so I can display my data in this way, Do you have any knowledge if a tree widget is going to be added to the next ui release? Where do I can find a good tree plug-in for the while? Regards and thanks in advance
Bug win Accordion with Image Sprites and fillSpace option?
I'm trying to use the accordion for a sidebar with a graphic at the bottom where the headers have an image sprite for a background and when using the fillSpace option line 188 of v1.7.1 somehow expands to display the entire image sprite. The offending line of code is the last of these three from lines 186-188: this.headers.next().each()(function() { maxHeight = Math.max(maxHeight, $(this).outerHeight()); }).height(maxHeight); I've attempted to figure out how to fix it but without more time than I
Stopping Tab Rotation onClick
Hi All, I have a slide show, with navigation tabs that automatically cycles through a handful of images; I'd like to know how to stop the cycling when an onclick event occurs on one of the navigation tabs. Here is the instantiation: $(document).ready(function(){ $("#sws_featured > ul").tabs({fx:{opacity: "toggle"}}).tabs ("rotate", 5000, true); }); I tried adding this code right below (and also inside) the code above but to no avail: $("#sws_featured > ul a").click(function(){ $("#sws_featured >
Form validation in a dialog box using submit button OR Enter key
Hi, I am quite newbie with javascript and jquery programming. I am trying to accept both way to validate a a form displayed in a dialog (authentication box) : - clicking on submit button - press enter in the form (normal behavior of web browsers with HTML forms) First, I just tried something like the exemple in the tutorial but enter key does not submit the form. Then I tried that : function dialog_auth_submit() { //$('#dialog form').submit(); $('*').css('cursor','progress'); .... };
Caching a script in a ajax loaded tab
Hi all, I have a ajax-loaded tab with a script inside. This script is loaded with a _=rand parameter that avoid browser cache. Is there a way to have a working cache? Thanks!
Cache scripts in ajax-loaded tab
Hi all, I would know if there is a way to not cache the scripts included in a ajax-loaded tab? All my scripts are requested appending a _=rand Thanks
double dragglable issue in ie 8
http://sakuraresort.w-web.com/index.php You can see I have a black panel with black background, and there is a map in the bottom of the panel, I use draggable both on the panel and map, in Firefox, it works perfectly, but in IE 8, if you drag the map, and the panel will be move too.
Image combo box
In June, I accidentally found a plug-in - either jQuery or JavaScript - where someone had embedded page layout images in a drop-down, and it would effectively alter the underlying page to reflect that chosen layout. Absolutely genius. I stupidly did not bookmark that page, and I need it. It is not Marghoob Suleman's wonderful Image ComboBox. This was something else. If anyone knows what I'm talking about, please let me know. I have Google'd every word combination I can think of, and this is driving
ui dialog -- Ajax not working in loaded page
I have a page called fungo.php that opens a dialog using some example code -- This part works ok: <?php require_once("/var/www/config.php"); $tc=array('Joe', 'Biff'); ?> <!doctype html> <html> <meta charset="utf-8"> <title>Loading a page into a dialog</title> <link rel="stylesheet" type="text/css" href="http:// ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery- ui.css"> <style type="text/css"> #tire-specs { border-collapse: collapse; } #tire-specs
Drag a label, drop a form field
Hi there, I am trying to create a drag-and-drop-system where someone can drag a label (e.g. 'Name') and drop it in a sortable as a form-field, but I don't know how to do this. Here is an example: http://harmen.no-ip.org/enquete/ As you can see its not working very well... - The style of the draggables on the left side is changing when you hover them on the sortable - The position of the draggables is still absolute when you drop them in the sortable - You drop a copy of the draggable, what I want
jquery ui datepicker - setting the regional attribute changes the date value.
Hello, I'm trying to use the JQuery UI Datepicker. It works well except for this one problem. I'm trying to use localization by assigning the locale code as shown in the code below. This also works fine as far as localizing the calendar itself. However, if I assign a value to the date textbox beforehand on server side, the second statement in the code below (the one which sets the regional attribute), changes the date to something else. For example, if I am setting the value of the textbox to 8/10/2009
Odd behavior with Tabs and Rotation showing mulitple panels when clicked quickly
We have created a feature-rotator using Tabs and Rotation. While it looks good when used with normal behavior, clicking through fast seems to create a problem displaying more than one 'tab' simultaneously. While it's not easy to do, it is undesirable and we would like to see if there is any suggestions to address this issue. http://lefcms.lef.org/jquery/ It's not always easy to do, but click the tabs quickly to see the quirky behavior. Here's the javascript handling the rotation: jQuery(document).ready(function($)
iframe not loading
hi, i've included an <iframe></iframe> into a jquery tab but it's loaded only once, source http://www.qualitydesign.ro/test/jquery/ click on the "one" and "two" and "three" buttons and than again 1, 2 and 3 and the iframe it's not completely loaded. i've try this link in firefox, opera, ie8, safari and chrome. where is the problem? thanks.
Datepicker date restriction
Hi There, Is there a way to restrict certain days of the week instead of a date range. I would like to make only Saturdays available for choosing. Thanks, Bryan
Appending draggable to droppable, getting unwanted relative positioning
Hi, I'm a jQuery/UI beginner and am currently starting out to build a card game. I use jQuery 1.3.2 and UI 1.7.2. I am using UI's draggables and droppables to achieve placing cards, but I am running into a positional problem: I drop a card (draggable) into a designated container div (droppable) and then have the card appended to the container. That works according to Firebug, but the card gets inline styles of e.g. "position:relative;" and top: 171px" so the card visually ends up below the container.
JQuery UI 1.6 and ie issue
Hallo all. I'm using the slidingToggle("slow) function and it seems that on micro $oft browser the slide is not so slow as on Firefox. Any workaround for this behaviour? Kind regards Massimo
jQuery UI 1.7.2 tabs BUG
Hi, I came across a serious bug using jQuery UI 1.7.2 and tabs. I select certain tab on document ready using: $(document).ready(function(){ $('#test').tabs({selected: 3}); }); and the fourth tab is selected as expected. But when i click on another tab, it comes selected, but the previous (selected on load) tab also remains selected. On next click everything is working fine. I'm using the ajax functionality. Below is my simple code i'm testing with: <html> <head> <script type="text/javascript"
how to persist the currently selected tab on page reload
Hi I'm using the jquery UI tabs for an interface that requires refreshing in order to redraw a graph. Each time the page refreshed the 1st tab is always displayed even if the 2nd or third tab was opened when the page was refreshed. I would like the page to "remember" which tab was open so that when refreshed it always displays the same tab as immediately before the page was refreshed. any help greatly appreciated, thanks
Datapicker localization and icon trigger problem
Hi! Does anybody know how to set localization and icon for datepicker. I've tried it in serveral ways and I don't know how to do this. When i set localization to Polish language icon doesn't work and inversery. This is my code: var today = new Date(); $("#startDate").datepicker({ minDate: today, showOn: "both", buttonImage: ">img/calendar.gif", buttonImageOnly: true }); $("#startDate").datepicker('options',$.extend({}, $.datepicker.regional["pl"], { }));
post php with modal dialog within a linked tab page
I'm having issues posting within a linked tab page with a modal dialog. Anybody have any ideas or having issues with this? The page with the tabs has ui javascript and jquery reference. The tab is set to a linked page. The linked page has modal dialog and in the dialog button event I try to post to email contact info. It just fails at the $.post like it doesn't even recognize the call. Here is the post event I'm testing after validation in the modal dialog form: $.post("sendemail.php", {emailTo:
Datapicker localization and icon trigger problem
Does anybody know how to localize datapicker and set icon for it. I've tried serveral solution and i'm not able to set polish language and icon for datapicker together. If I set polish language icon doesn't work and when i set icon localization doesn't work. Any idea? This is my code: var today = new Date(); $("#startDate").datepicker({ minDate: today, showOn: "both", buttonImage: "img/calendar.gif", buttonImageOnly: true }); $("#startDate").datepicker('option', $.extend({}, $.datepicker.regional['pl'],
Changing draggable animation on drop
Is there a way to get the draggable to disappear using an alternative animation effect? I've got the following: $('#dragitem').draggable({ helper: 'clone', revert: 'invalid' }); $('#dropitem').droppable({ accept: '#dragitem', drop: function(event, ui) { ui.helper.hide('puff'); } }); It's reverting on invalid, which is what I want. But when the drag item is dropped on a valid drop target, it just disappears. I'd like to change it so that the puff effect is used instead. However, the above isn't working.
Installation problem in Drupasl
Hi, I'm attempting to install 1.72 in Drupal 6.x following the readme instructions provided: -- JQUERY UI 1.7 -- The jQuery UI module uses jQuery UI 1.6 because jQuery UI 1.7 requires at least jQuery 1.3, which is not shipped with Drupal 6. If you absolutely need to move to jQuery UI 1.7, you can get around this by doing the following: * Install the jQuery Update module appropriately from: http://drupal.org/project/jquery_update * Download the latest jQuery UI 1.7 development package from: http://code.google.com/p/jquery-ui/downloads/list?can=3&q=1.7
Using "Tabs" with jquery 1.3.2
I'm having trouble getting ui.tabs to function correctly. After much experimentation it appears that if I use the version of ui.tabs that was created on 6/12/2009 (apologies but I can't see a version number) with jquery 1.3.2 the tabs function does not work. If I replace ui.tabs with a version from feb 20th 2009 the tabs functions performs as expected. If I combine jquery, ui.core and ui.tabs using the versions from 20th Feb 2009 everything works as expected. Returning to the new versions of all
Datepicker onChangeMonth
I'm looking for a way of detecting this event, as the current onChangeMonth does, but allowing me to fire my function AFTER the change to the html on the page (_updateDatepicker) actually occurs. Another option is the manually call the update function inside my onChangeMonth function which would result in it being called twice in each update. Any ideas/suggestions? As a bit more context, I'm trying to mod the functionality of datepicker which actually changing the code (just adding my own functions
resizable callback is called too early
Problem is the resizable callback is called before the element is resized, and before the position and size properties are updated. This makes it so that any callback that wants to respond to a resize event is always one step behind, since it gets the before value instead of the after value. My code below alerts the size properties as was before the element is resized. Ideas? $(obj).resizable({ stop: function(event, ui) { alert(ui.size.width + " : " + ui.size.height); }, handles: "all",
Dialog box height and width being set to auto when using Ajax in IE7
I am currently trying to create a dialog box that is populated with html from an ajax call. The code: $('table#TABLE_2 tbody.collapsable').each(function(){$(this).find ('td') .click(function(){ $modelNumber = $(this).parent().find('.model').text(); $.post("/SVACalculator/IncomeStatementServlet? userAction=getIncomeStatement&model="+$modelNumber, function(data) { var dialog = $('<div class="flora" id="incomeStatement">'+data+'</div>').insertAfter('#TABLE_3');
Weekly/Monthly Update
I know I have mentioned this before on the list but the communication up until the 1.7 release was awesome. Where is the community communication about the status of plugins or even news articles about Jquery UI. I would really like to get a feel for where the development team is heading. Nathan
Questions about drag and drop
I have drag and drop mostly working fine, but there are still a few minor issues that I'm trying to work through. I'm wondering if the following is possible: * Get the elements surrounding the area where a drag item was dropped. Say I have the something that looks like this (dumbed down): <div> <div>First Div</div> <div>Second Div</div> <div>Third Div</div> </div> If I drop the drag item between any 2 of the contained divs above, is there a way for me to get a handle on either one? Here is code that
Apply zebra striping to jQueryUI accordion
I have a asp.net mvc app building a accordion based on the jQueryUI Accordion plugin - I'd like to apply zebra striping. Here's the constructor loop: <div id="accordion"> <% foreach (var webinar in Model as IList<Webinar>) { %> <div id="accordionItem">//toDo: Programmically pick odd/even rows <div class="accStripe"> //insert a div for even rows <h3><a href="#"><b><%= myObj.Title%></h3> <div id="descContent"> <a href="Details/<% =myObj.ID %>"><%= myObj.Desc %> ...more</a> </div> </div> </div> <% }
Next Page