Custom UI download trouble
Hello, when trying to download a new Custom UI design, I don't get working css. Usually I see a custom css file like: jquery-ui-1.7.2.custom.css Whereas now I get a ui.base.css file None of the images match my selections using Themeroller, and using the included index.html file, the css is not correct (it references jquery-ui-1.7.2.custom.css even though the zip contains none of this) I'm downloading using FF for windows Vista. And have tried it on IE7/8, FF mac, Safari Mac/PC. I'd really appreciate
Can't download theme roller css
I've tried with IE 8 and the latest Chrome and can't get any custom themes to download. I understand many others have the same issue! Please fix this bug asap!! :( --
animate transparency (opacity) in IE8
Hi All I want to change the opacity of a 'div' from its initial opacity/state to an other using jQuery's animate function. Here is my test html file <html> <head> <script> $(document).ready(function(){ $("#xyz").animate({ opacity: '1'}, 5000) ; }); </script> <style> .lessvisible { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } </style> </head> <body> <div id="xyz" class="lessvisible"> Lorem ipsum
JQuery UI Dialog + IE8 = Generic IE Error
Hey all, When I open a dialog with an OK and Cancel button, I'm getting the following error (Of course, it works fine in FF): Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/ 4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Timestamp: Thu, 29 Oct 2009 21:50:34 UTC Message: Object doesn't support this property or method Line: 7389 Char: 26 Code: 0 URI: https://xxxx.xxxx.com/includes/jscript/jquery/jquery-ui-1.7.2.custom.min.js
Using Slider vertically
I followed this tut: http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/ but I cant make the slider function vertically. Well thats not true. it actually does work but backwards. the handle starts on the bottom of the slider and pulling it up causes the content to move in the same direction. Im trying ot create a custom made scroll bar so I need it to start at the bottom and as I pull it down, the content needs to move up. This is what I have $(function() { //vars
Datepicker problem
I am having a problem implementing the datepicker on my website. When the input field is clicked, the calendar appears as it should. But if the input field is clicked again, a drop-down menu of dates appears over the calendar. The dates are the same every time, but otherwise they have no significance to me. Why is this drop-down menu appearing? Please find an example of this behavior on the page below. It is simply the index page that is downloaded with the jquery-ui download. http://freewaygourmet.com/order/index.html
DIALOG on IE8
I've got a dialog with button that works in Firefox 1 and 3.5, Chrome, and Safari. Unfortunately, I can't get it working in IE8 or IE7. The older IE browsers seem to be entirely broken: the div that represents the dialog box is simply written to the screen in the appropriate place on the page, and clicking on the class of button (RM_button, see code below) that should bring up the dialog also does nothing. <%@ Page Title="" Language="VB" MasterPageFile="~/Views/Shared/ Site.Master" Inherits="System.Web.Mvc.ViewPage"
Draggable: Custom helper position
I'm using the draggable plugin and passing a function for the helper option. Although the user can start the drag from anywhere in the draggable element, the helper element always appears in the top left corner. Is there a way to set the helper position to the mouse position when dragging starts? Or is there some way to manually set the helper's position? I've tried setting the top/left styles of ui.helper in the start event but it doesn't work.
Issue with Tabs/Cookie
Hi all, I have a longstanding, working tabs implementation that I'm improving via cookie support, amongst other things. The program flow is essentially: Button triggers AJAX load into modal window, on ajaxComplete, initialise tabs. Button triggers AJAX load into modal window. User performs data manipulation. Form is submitted via AJAX, response is loaded into modal window, on ajaxComplete, tabs are initialised. The initialisation code is: // Enable tabs for the content panels. $("#alertWindow
Problem with jQuery dialog
Hi, I am using jQuery dialog with the following options. <div id="componentPopup" style="display: none;text-align: center;z- index: 2000;width:auto"> </div> $("#componentPopup").dialog( { autoOpen : false, closeOnEscape: true, draggable: true, modal: true, position: "center", resizable: false }); Before opening the dialog I am setting some more options $("#componentPopup").dialog("option", "position", "center"); $("#componentPopup").dialog("option", "width", '800px'); $("#componentPopup").dialog("option",
Move only frame instead of dialog window.. ?
Dialog window looks very bad when it's dragged in FF. Movement is not smooth at all. It feels like all the contents tend to jump out of it's boundaries. Not a good experience indeed. I would like to leave only a thin frame on move event. Is it possible?
Help with hide / show specific rows in independent tables
Hello, i am new(ish) to using jquery... I am trying to hide / show specific rows within independent sets of tables. I can get it to hide and show the tables seperately and i can get rows in the first table to hide correctly, however when i hide the rows I want it hides the rest of the tables on the page and no longer works independently. I'm not sure what the best way to accomplish this is. I am trying to have the <thead> header row and the first row display at all times. I'm not sure if i am over
(accordion) display:table-cell header issues
I'm having issues when using the accordion with display:table-cell and vertical-align:middle for my headers. The header will seem to float to the left and the child content will float up to the right of it. Switching back to display:block fixes everything, but in that case I can't get multi line text to middle align. Any suggestions?
Newbie question about dialog windows
Hi all. COMPLETE newbie - don't even have much basic Javascript experience - and I'm hoping that this is actually a simple question and that someone can point me in the correct direction: I am trying to make the dialog function in the same way that it does in the demo page included with the jqueryui custom download. I want to be able to click a link and have the dialog pop up as a result. In the script tags within header of the demo page, this code appears: // Dialog $('#dialog').dialog({ autoOpen:
newbie question
I have this code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jqueryui/1.7.2/jquery-ui.min.js"> </script> </head> <body> <script type="text/javascript" > $('#date').datepicker(); </script> <input type="text"
does anyone have a working sample for nested tabs using jquery?
Hello my fellow Jquery Users, I am having trouble finding working samples for nested tabs using jquery, Can someone give me a pointer to a tutorial or a working sample? Many Thanks in advance! Zhiyin
changing styles in nested tabs
Dear All, I see that there are many css for jquery-ui tabs like pepper-mint, flick, redmond etc. I have a nested tabs setup and i would like to apply different tab css (like redmond to main tabs and flick to subtabs). how can i use different styles of css with tabs for sub tab levels in a nested tabs scenario ? could someone point me to some example code online ? thanks, regards, Krishna
jquery-ui-tab: Why $('a', ui.panel).click(function() does not affect any links outside the tab?
I'm reading the documentation in jquery ui tabs, it said: "Hijax" links after tab content has been loaded: $('#example').tabs({ load: function(event, ui) { $('a', ui.panel).click(function() { $(ui.panel).load(this.href); return false; }); } }); Why "$('a', ui.panel)" is correct? My understanding is that after the tag is loaded, the selector will select all 'a' AND the ui.panel element to override the click event. Isn't ',' is "Matches the combined results of all the specified selectors."? I tried
jquery ui dialog and ajax component updating
Hi, I am using a web framework that allows me to use ajax to pull in js/ html into a div without refreshing the whole page so I am often bringing in this snippet below: <script type="text/javascript"> $.ui.dialog.defaults.bgiframe = true; $(function() { $("#summaryDialog").dialog({ draggable: true, resizable: false, autoOpen: false, height: 400, width: 800 }); }); </script> <div id="summaryDialog" title="Summary"> <span wicket:id="label"></span> </div> (Don't worry about the wicket:id, that span
datepicker show google calendar titles?
Hi, I'd like a datepicker that reads events from a google calendar and marks those dates as "busy". That would help users to not choose a date that is already occupied. Any ideas? regards emdan
Jquery Tabs - Anchor tags not working in IE
I am having an issue with IE7 when using Jquery Tabs. The script is working fine on the page, but when I use the anchor tag in IE7 I get the Javascript Alert message... This makes the script stop working. Here is an example of a URL that does not work in IE7: http://workbysimon.com/graphic+cell/projects.php#fanterra This URL will work in IE7: http://workbysimon.com/graphic+cell/projects.php Here are the jQuery files I am using: jquery-1.1.3.1.pack.js jquery.history_remote.js jquery.tabs.pack.js Any
jQuery-UI Datepicker locking out dates cross platform
I have ran into a bit of a sticky situation here. I am using the jQuery-UI datepicker with great success in my web application but I have ran into a snag. I have dates I need to block so I used another solution I found here on the groups. As a reality that I work with, my code has to work perfectly in MSIE 7.0 as well as Firefox. To my amazement, I discovered that in MSIE my locking out code will not function. Can someone take a look and maybe tell me what I need to do to make it cross platform compatible?
Jquery-ui draggable()
Hello all! I'm trying ( hard ) to figure out how to: - drag a layer via draggable() - without firing the click() event on endDrag/release. I've tried the Anybody for a workaround? detail: $(function (){ $("#dragdiv").draggable(); $("#dragdiv li").click(alert); }) ///// <div id="dragdiv"> <ul> <li>clickme!</li> <li>clickme!</li> <li>clickme!</li> <li>clickme!</li> <li>clickme!</li> ... a lot of LIs <ul> </div> thank you nice people!
Any resources about effective/optimized DOM programming?
Are there any good resources about effective RIA (using jQuery UI) DOM programming? Lot's of elements, dispatching various events, routing them to each other, updating through Ajax etc. Generally I'd like to draw some kind of limits. For example how many DOM there could be, how many events attached, until user experience gets slow, can I detect that such limit is close from inside browser, etc. Books, docs, articles? Does anyone know of any good resource on this topic?
Need vertical slider to start at TOP of div. Currently at the bottom.
My slider is currently starting at the bottom of the div. I'd like it to start at the Top of the div and when I pull down, slide my content up. I have looked on the list... I'm hoping that this example can be a little bit simpler. Any suggestions would be very helpful Here's my code: var scrollBlock = $('.contentViewer').height(); var displayBlock = $('.contentBlock').height(); var maxScroll = scrollBlock - displayBlock; if (scrollBlock <= displayBlock) { $('#slider').hide(); } else { $("#slider").slider({
how to disable placeholder in sortable?
Hi, I'd like to disable placeholder in a particular list. I want this "list" to contain only a single item at a time, i.e. when I drag new item on it, the previous one gets deleted. This should serve as e.g. as a trash with undo functionality. Thus, I want to disable any shofting of the current item in this list (due to placeholder above or below). Just want to drop the new one over the old one to let it disappear. I tried various css adjustments, as well as forcePlaceholderSize options etc., but
problem with ajax jquery ui tabs
Hi all, I am working with jquery ui tabs with ajax load. its everything OK . but when first tab is ajax load then.... after first time load if i do it refresh or press F5 button... after that no event trigerd. what is the problem with jquery ui tabs. if any one can please help me. if first is non Ajax then after refreshing page every event is triggered. <!doctype html> <html lang="en"> <head> <title>jQuery UI Tabs - Content via Ajax</title> <link type="text/css" href="../../themes/base/ui.all.css"
#4482 sortable placeholder bug -- any workaround?
Hi guys, I know everyone has been working real hard to get through all the bugs, but for time being, is there any workaround to fix sortable placeholder size on IE? http://dev.jqueryui.com/ticket/4482 Thanks
extra space in class value
Hi, I am slowly learning, but have run into something odd. I'm using beforeShowDay to highlight specific days. My test code is: $(function() { $("#datepicker").datepicker({changeMonth: true, changeYear: true, onSelect: function(dateText, inst){dateSelectFunc(dateText);}, beforeShowDay: function(curdate) { if (dateHighlightFunc($.datepicker.formatDate("yy-mm-dd", curdate)) == "highlight") { return [true,"highlightweek", "Happy
Change Datepicker insertion location
Hi all, For some styling reasons, I'd like the datepicker to be inserted as last child of a specific div tag, instead of as last child of the body tag. I've searched in the datepicker options and I haven't found anything about this. Is there a way to do so? Thanks!
Multi select list
Hi, My requirement is to have 2 lists wherein the user can select multiple items from any one list and move it to the other list (items selected are removed from that list) using JQuery so that there are no post backs. Any help is appreciated. Thanks in advance.
minDate/maxDate: same range in different years
Hi, in my application, I want to use the Datepicker. The user should be able to select a three-month range within the last three years, e.g. from 01/08 to 31/10 in the years 2007 to 2009. How do I achieve that? Thanks for your help
Dialog gets wrong data after ajax load
Hello. I use jQuery 1.3.2 and jQuery UI 1.7.2 (also same on jQuery UI 1.8a1) After ajax loading dialog reads previous data. Below is the simplified code to reproduce problem. Click Message AAA ----> alerts AAA (OK) Click Show Message ----> alerts AAA (OK) Click Load via Ajax ----> reloads element (OK) Click Message AAA ----> alerts AAA (OK) Click Show Message ----> alerts undefined (PROBLEM) Close Dialog Click Message CCC ----> alerts CCC (OK) Click Show Message ----> alerts AAA (PROBLEM: It's previous
Input Disabled / Keyboard Disabled using Jquery UI Modal Dialog
Hi all, i'm trying to do the classic PopUp form thing using UI Modal Dialog on a div containing input, textarea ecc ... The result is that the popup shows correctly but the inputs are unacessible : can't type text inside, just like they are disabled. I read here and there on the web that it seems a bug related to old UI releases, but i downloaded the latest from jquery UI website. I tried also to catch the open event and to force disabled=false to all inputs inside the popup but that's not the issue
accordion with only 1 collapsible and resizable element
Hello, I was trying to build an accordion with only 1 collapsible element inside. This element should itself be resizable. The given example at http://jqueryui.com/demos/accordion/#fillspace doesn't work the way I like because the resizable container doesn't have the right height, when the accordion is collapsed. Trying it the other way round like so (http://tubo.tu.funpic.de/ skilltest/countryrankings.php) doesn't work because the according is not resized when resizing the content. Hope you can
UI Tabs theming problem
A demo of this issue is viewable here: http://www.joketribe.com/tabsTest.html The issue is that the content within various tabs doesn't get enclosed in the wrapper's border. Trying to determine if the problem lies in ui.tabs.js or in my css. Has anyone else experienced, and solved, this issue? Thanks!
IE Distortion
When I add changeMonth & changeYear, the month/year takes 2 lines in IE, but not in Firefox. View this in each: http://www.pointandslope.com/ac-play/ac-play.html Any suggestions how I can set it up to work in IE the same as Firefox (i.e. with month/year on a single line)?
datepicker minDate format
Looking to implement datepicker with minDate and maxDate set. But I don't understand the "actual" date format. The example given is "new Date(2009, 1 - 1, 26)" and it seems to set the date to 2009-01-26, but what is the "1 - 1"? What, as an example, would I set minDate to for the date 2009-10-25. Thanks
grid page refresh
I am building this fluid grid page, where the thumbnails on the page arrange themselves depending on the width of the page. This works perfectly, except that I also have a toggle button when you rollover the thumbnails that increases the size of one thumbnail when clicked. When the thumbnail increases size the following thumbs don't arrange themselves around it unless I dragg the browser window to change sizes....so I assume it's a REFRESH problem. I'm no expert in jquery, I'm a designer, anyone
jQuery Accordion - text jerks when opening new content section
I am using jQuery Accordion here: http://projectpath.ideapeoplesite.com/rutland/printing-whiteplastisolinks.html and find some strange behavior when opening a section. The text jerks and looks dreadful for a second or so and then appears normally. This only happens when moving down and opening the next section. When I go the other way, the transition is smooth. Is there a setting that would remove this behavior? Thanks.
Next Page