How can I set a "Alt" for buttons?
How can I set a "Alt" attribute in buttons dialog modal form? Follow an example: $("#modalForm").dialog({ bgiframe: true, autoOpen: false, modal: true, buttons: { Ok: function() ... ... }).dialog('open');
Datepicker inline not working with beforeShowDay
Hey, I have the following code $("#datepickerthing").datepicker({ minDate:'0', maxDate: '+2Y', dateFormat: 'dd/mm/yy' beforeShowDay: disableDays }); var disDays = ["20/9/2009"]; function disableDays(date) { var sDate = date.getDate().toString() + "/" + (date.getMonth() +1).toString() + "/" + date.getFullYear().toString(); if ($.inArray(sDate, disDays) != -1) return [false,"daybooked","Already Booked"]; else return [true, ""]; } My problem is when I have the datepicker
Modal Dialog / Overlay Inconsistency
I have an application that displays an org chart of employees. On each employee node I have a button to open that employee's profile. I am using jQuery UI 1.7.2 modal dialog for the profile window. When I click the open profile button on an employee on the BOTTOM half of the window, the dialog appears and the modal overlay is transparent. But when I click the open profile button on an employee on the TOP half of the window, the modal overlay is opaque, and my chart disappears completely. Note the
jQuery Resizable not working
Hi, The handle for resizable usually sits at bottom right of any element for which resizable is attached. But for me, it sits at the top left corner and whatever configurations I change, the handle doesnt change its position. Please help. Thanks.
[UI Tabs + hoverIntent] Using UI Tabs together with hoverIntent plugin
I've got UI tabs implmented on a page. But I would like to have the hoverintent functionality with it as well. I've already set the default event to mouseover, but would like to have the hoverintent functionality, where it only opens up a tab if you mouseover if for a couple of milliseconds or so. My problem is that I don't know how to add hoverintent to ui tabs, because the hoverIntent function needs a function for it's "over" and "out" state. And maybe UI tabs even has out of the box functionality
Accordion: icons don't show up with default jquery-ui download & example
I downloaded a full version of jquery-ui. I have the js, css, and images set. The example looks and behaves perfect except that I have no icons. I have spent several hours trying to find the issue and am at a loss. Thanks.
Problem with accordion
Hi, I'm struggling with the accordion. The first div for the first item seems to have a height automatically set that pushes the second item down about 100 pixels. I can't seem to figure out where to control that and I've tried... has this happened to anyone else?
hide/show/toggle: how to get the state?
hello guys! i'm trying to save on a cookie the state of my div (hidden or showed) but i don't know what to type to access to his internal var. i tried with $("#div").css("visibility"); and $("#div").css("hidden"); and i get "undefined". some clues?
Highlight and RGBa
I couldn't get highlight to work when the background uses rgba see: http://pastie.org/private/gxzxwnjve6npxvvxpqh3q Thanks, Matt
jQuery Slider lag / performance
Hello I was thinking of utilizing the jQuery UI slider in my application but the lag in the movement of the knob is unbearable; interestingly, the scriptaculous slider has very little or no lag. A slider widget plays a key role in my project and before switching to scriptaculous I'd like to ask: is there a way to fix the widget's lag? Thanks in advance
How to remove the old autocompletion field value?
Hello! I've having troubles for fixing this bug. There are two autocompletion field in my application, if I type something in field A then its related value should autoset in field B, which is working. But if I change the value in A again then that reflect is not taking in field B. So conclusion is once the value set in field B then it never got changed. Its because inside else condition i am removing the "example_class". Is there anyway we can fix this issue? "example_class" is nothing but the class
enable dates based on changeMonth and changeYear
Hi, I have just implemented jquery datepicker successfully so that it only enables special dates on the current month from the values in an array. but how would i implement the same functionality once the month or year drop down changed? I also need to update my array with the special dates for the selected month and year? Please help me in this? Many Thanks, Regards, Dandu.
ui default slider - color fade
hey, i got a question: Can anyone provide me a way to fade the color for default slider. I want to fade the colors from red to green. Thanks...
How to constrain draggable into a smaller div (simulate scrollable)
Hi, I have 2 divs, a parent and a children which is draggable. Parent is in overflow hidden and child is bigger (larger) than its parent. I want to constrain on its x axys (that the easiest part) and to be between 0 and - width, it's mean that child will be draggable until its left side reach the parent left side and its right side reach parent right side. I tried constainment and grid but with no results. I'm currently trying to do (table.w is the computed width of the chidren) : if($(this).css('left')
Accordion Problems in IE
Hi everyone, Fistly, let me say that jQuery UI is great work....keep it up. I am having problems using the accordion in IE. It works perfectly in Firefox (as usual). My problem is that when I click on a h3 to adjust the accordion, two h3's merge into each other until you mouse over them, then they come apart again. Anybody got any idea on how to fix this? Cheers, btd1.
resizable with cookie
i have been looking so long but just can't seem to find it. all i want is the resizable plugin work with cookies so it saves and recalls the stored height. anyone who could help me out...
datepicker 'setDate' method not working as expected
The datepicker 'setDate' method, as described here http://docs.jquery.com/UI/Datepicker#method-setDate is not working as expected. The datepicker is always taking browsers current date. But I want to set the current date of my choice. Code: $(target).datepicker({ dateFormat: $.datepicker.W3C, closeText: 'X' }); //set the current date $(target).datepicker('setDate', currentDateObj); //checking the current date. alert($(pTarget).datepicker('getDate')); where currentDateObj is a javascript date object
resizable ghost problem...
Hey everybody, i tried to find a solution with google but was really lucky with that one, so ima try you guys now :) i have the following code: <script type="text/javascript"> $(function(){ $("#draggable").draggable({opacity:0.35, containment: '#containment', scroll:false}); var maxH = $('#draggable').parent().height(); var maxW = $('#draggable').parent().width(); $("#resizable").resizable({ handles: "all", ghost:true, animate:true, aspectRatio:true,
jQuery triggering handler for 'remove'
Can anyone tell me in which version jQuery UI began calling triggerHandler( 'remove' ) when ever $.fn.remove() is used? And is it something on which we can rely hence forth, or is it unknown as to the permanency of this functionality? Thanks very much, Jim
Sortable & resizable
Hi I have started using jquery UI today and I am trying to have a sortable list, while being able to resize them. But I cannot get it working, I think its something stupid I have done, code below: $(function() { $("#sortable").sortable({ revert: true, axis: 'y', opacity: 0.9, tolerance: 'pointer', }); $("#draggable").draggable({ connectToSortable: '#sortable', helper: 'clone', revert: 'invalid'
date picker not displaying properly after themeroller
hey datepicker working untill i downloaded and added in the themeroller custom styling. the picker now sits under the form that it was supposed to and previously was sitting in. any ideas??
Reattaching handlers to Sortable loaded through .load method
So I will try to make this short and sweet. Anyone who has the answer to this will make my day :) I have been using jQuery for a while now and ran into a new issue when trying to ajaxify my UI a bit. I have a DIV on the page that is called TRACKLIST. Inside this sits a UL with an ID of 'SortFiles' I have the usual (document).ready code that initializes the SortFiles element as being sortable. In my AJAXing up the page, I have another set of buttons, that when clicked call a custom function, that
McAfee
We received a call from one of our major clients and they have stopped using our client portal site. They are running Mcafee on their desktops and when they access the site Mcafee is telling them that the file jquery-ui-1.5.2.packed.js is a Trojan virus. Any quick solutions? Thank you Chris Coleman
tabs ajax
right i've noticed that when you have tabs with ajax links that if you set the first tab to the url of the page your currently on then it doesn't run the ajax request. It will run for the subsequent ones that have different urls. What i want to achieve is the first time the page loads it doesn't run the ajax request but when you click a tab away and return to it that it will run the ajax request, has anyone got any suggestions?
UI-slider question - capturing 2 slider values
Hello folks, I'm wanting to use slider in a dewpoint calculator - users will "slide" a value for air temperature and another for relative humidity and with those values a dewpoint temperature will be calculated and displayed. My problem is that I can't work out how to capture the values of the respective "sliders" in order to proceed with the dewpoint calculation. My code thus far is: $("#slider1").slider({ value:0, min: 0, orientation: "vertical", max: 40, value:
datepicker not showing
Greetings, I am running datepicker in a Prototype/Scripty environment (Request Tracker) and am having trouble getting it to visibly display. Versions: % dpkg -l libjs-jquery libjs-jquery-ui libjs-jquery 1.3.3-1 libjs-jquery-ui 1.7.1-1 Scenario: 1) I click on the input field that the datepicker is bound to 2) I see the AJAX request go across to the server to retrieve some files (.pngs, etc.) 3) Nothing visibly changes 4) I hit the enter key and today's date is populated in the input field 5) I tried
Tab content not loading on first load?
I'm having problems with a set of tabs...the first (default) tab that loads just loads a blank page the first time it is opened. If you click any of the other tabs and come back to the first one, then the content loads properly. Anyone have ideas as to why this would fail? I'm on jQuery 1.3.2 and UI 1.7.1 The tabs are defined as: $("#search-content").tabs({ show:function(event){ $("#search-content > iframe").height($(window).height()-180); $("#search-content > iframe").width($("#search-content").width());
How to incorporate a link in Accordion
Hello, I am new to JQuery UI. While using the Accordion widget, I need to display some links in- between the <div> tags. However, when I try the normal way of doing it: <a href="test.php">Test Page</a>, in fact, the words "Test Page" disappear completely from the text. I would be grateful if somebody can help me out! Thanks -- Nevin
UI Sortables Intermittent Error
Hi there, I have hooked up a draggable list to a 3 column sortable list using _ connectToSortable:'.column', _ it works well but every now and then I get an error kicked back in Firefox saying the following.... this.parentNode is null referring to jquery-1.3.2.js (line 268). which is as follows before: function() { return this.domManip(arguments, false, function(elem){ this.parentNode.insertBefore( elem, this ); }); I could only find a mention of this once or twice before and it doesn't seem to
Adding fonctionnality to DatePicker
Hi everyone, For our project we need to offer our users the ability to select a date or what we call a "fuzzy date", i.e. just a month/year or a year. As we still display a date picker, it would be nice to let the user click on the month or the year to use this "fuzzy date" format. My problem is to add this behaviour without preventing a future jQuery update which could inactivate my dev. Does anybody know a "how-to" add properly behaviours to ui widgets? If none, it would be necessary for me to
Draggable scroll not scrolling a connected sortable
Hello, I have a draggable connected to a sortable. They reside in separate parent elements. Is there any way for the draggable to cause the sortable's container to scroll? I've set scroll to true, but it's having no effect. -Amit
Scrollbar inside a tabpanel
Hello, I have a window with a tab panel. Some of the panels have large content, so they need scrollbars. But in my case the scrollbars srolls the complete window content not just the tabl panel content... Do I need to set a parameter to get this working? Thanks, Stefan Sturm
Accordion with ajax tabs
Hi, I have tabs and inside them i have the accordion layout. The problem is that the tabs load with ajax so when i load them the accordion doesn't work at all. I've tried retriggering the event when a tab is clicked but that didn't work either. This is the code i tried using, the function is triggered but accordion isn't reinitialised. $('#tabs ul li:eq(1) a').click( function() { $('#players').accordion({ autoHeight: false }); }); Anyone point me the right direction? thanks.
Rounded Corner problems in Custom Theme
In my custom theme, I cannot get rounded corners to work in Google Chrome. I am well aware they do not work in IE and Opera.... but for me they have always worked in Chrome before. It is very strange because they work on <div>'s and <textarea>'s in Chrome, but not <input>'s. I have narrowed the problem down to the custom theme, because if I import a base UI theme it works fine. Also, it is not that I simply do not have the radius set in the custom theme... it works in Firefox without any problems.
Draggable inconsistently triggering sortable sort
I have a draggable connected to a sortable. The sortable has about 20 items, each about 120 pixels high, inside a container about 600 high, so that only about 5 items are visible without scrolling. When I drag a draggable inside, it correctly triggers sorting with the first 5 items, but it fails to do so with any items further down in the list. It appears that it only works with items initially visible when the sortable was rendered. Any help?
Datepicker localized in Estonian
Hi, I dident find any Estonian localized version of DatePicker UI, so i created it. I dident also find details on how to contribute it, so im trying here. Hopefully noone minds and finds it useful. http://melborp.net/files/blog/ui.datepicker-et.js Thanks, Taavi
Have a problem with Sortable in IE
I try to create multilevel tree and sort it with ui.sortable. The objective is to move all sublevels together with parent level. It`s ok in Safari and FF, but not working in IE (7-8). Can someone give me an advise? Here is the code: <script language="JavaScript"> $(document).ready( function() { $(".srt").sortable({ placeholder: 'ui-state-highlight', revert: true }); } ); </script> <ul class="srt"> <li>Test level 1 <ul class="srt"> <li>Test
Icons problem
Hi, I can't make jQueryUI icons work. Every time an icon creates two additional line breaks (both in FF and IE), and I can't achieve the same effect as on jqueryui.com website. I simply copied the code to create a button from their themeroller page, but it doesn't seem to work: <a href="#" class="ui-state-default ui-corner-all"><span class="ui- icon ui-icon-newwin"></span>Open Dialog</a> And this button looks nothing near like on their website. What is wrong? Below is an HTML page to reproduce the
Accordion with ajax tabs
Hi, I have tabs and inside them i have the accordion layout. The problem is that the tabs load with ajax so when i load them the accordion doesn't work at all. I've tried retriggering the event when a tab is clicked but that didn't work either. This is the code i tried using, the function is triggered but accordion isn't reinitialised. $('#tabs ul li:eq(1) a').click( function() { $('#players').accordion({ autoHeight: false }); }); Anyone point me the right direction? thanks.
Draggable inside DIV with overflow:hidden one IE
I am trying to make a pan tool for a map. I have something like this: <div id="container"> <img id="map" src="x.jpg" /> </div> And in JS I have the following code: $("#map").draggable(); It works fine, It drags. But I wanted the img (#map) to drag only inside the div (#container) and not to come out of it. On Firefox, I fixed it by setting #container overflow to hidden, but in IE I still have the same problem. I don't know how to fix it. I tried using the parent option like this:
Next Page