UI Datepicker missing previous and next icons
Unable to get the previous and next icons to show in the datepicker header. If I hover over the areas where previous / next icons should be, all functionality is there and the prev / next text appears as well. Has anyone run across this? The calendar functions fine otherwise. Any suggestions would be greatly appreciated. Thanks, Jeff --
In the DatePicker, Is posible to enable the <iframe Fix for ie6 in ie7?
Hi, I have problem with the z-index and the DatePicker is been show behind an object, but in ie6 works perfecly because of the fix. ¿Is posible to enable the fix for all versions of ie? thanks in advantage
link to tab from outside "tabs div" ...
I'm new to JQuery and having trouble trying to link to a tab from outside the tabs div; ...select a tab from a text link instead of clicking a tab itself var $tabs = $('#example').tabs(); // first tab selected $('#my-text-link').click(function() { // bind click event to link $tabs.tabs('select', 2); // switch to third tab return false; }); ... Here's my "tabs" code; <script type="text/javascript"> $(function() { $("#tabs").tabs(); }); </script> ... <div id="tabs"> <ul> <li><a href="#tabs-1">Ensaios</a></li>
Modal Dialog Overlay not working
I'm very new to jQuery, so be gentle. I'm trying to use the modal dialog control. I need to style it for my app, so I have overridden a few styles. This may be where I have gone astray, but the modal overlay will not seem to show up. The dialog pops up and works great, I just can't seem to get the modal part working to disable the rest of the page. Code looks like this: $.noConflict(); jQuery(document).ready(function($){ $('#accordion').accordion({ collapsible: true, active: 2 }); $('#dialog-modal').dialog({
Jquery dialog bleeding through the page
I am using jquery ui framedialog pluggin. In IE6 as well as in Web browser control the dialog bleeds through the controls on the page. Actually the header bleeds through. I have attached a screen shot which indicates the problem Does anybody have an idea on how to solve this problem. Help!!!
Javascript and CSS popup windows
Hi all, I've got a question about CSS based popup windows, like those generated by jQuery UI's dialog system, or Colorbox. If I use those (or something like them) to open a popup window to an HTML page and that page has Javascript in it, does the Javascript in the popup window run in its own context, or does it become part of the context of the Javascript in the parent window that opened it? I ask so that I can write the Javascript on both pages (parent and popup) so there is no namespace collision.
sliding panels problem
Hy, i have two sliding panels, one vertically(on the top) and the other horizontally(on the left). the problem i have is that when the left one is visible the other one doesn't work properly here is my code and thanks for helping. <!doctype html><head><title></title> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); return
Linking to specific accordion entry from another page
I'd like to link to a page that holds n accordion control, but depending on the page I'm coming from, I'd like to select which accordion header is open by default. I see there is an "active" option, but I'm not sure how to set that onPageLoad each time.
How to access other instances of a widget?
I'm in the middle of re-writing my multiselect widget to use the widget factory, and one issue I'm struggling with is trying to access all other instances of a widget. I don't really comprehend the pub/sub pattern the widget factory provides. Basically, when either the document is clicked on or another multiselect is opened, I need to fire the "close" event for all open mulitselects. I cannot assume that all selects are multiselects, so $("select[multiple]").multiselect("close"); isn't viable.
Setting dialog height in IE8 does not work.
I am unable to set the height of my dialog for IE8 (works fine in FF and Chrome). The height appears to always accommodate for the content. $('.helpdiv').dialog({ autoOpen: false, height: 300, width: '50%', minHeight: 200, maxHeight: 300, minWidth: 100, maxWidth: 500, bgiframe: true, position: ['right','top']}); $('.helpboxlink').toggle( function (event) { event.preventDefault(); $($(this).attr('href')).dialog('open'); },
How to change the tabs order programmatically?
Hi, I've asked this question before but to no avail. Hopefully, I'll be luckier this time I have a set of tabs with one containing static content, and the others being loaded via Ajax. The static tab has a widget that allows the reordering (sorting) of the dynamic tabs. This is done by first removing all the dynamic tabs using the remove method, and then re-adding them with the add method. Previous to 1.8 this worked perfectly, now additional space is added to the top of the static content for each
how can I modify the datepicker to show months only?
What I would like to do is the following: I would like a the datepicker to show only months (month names), no days. once the user selects a month, I need the date for the form field to be set to the last day of the chosen month.I asked a question yesterday that is related to the same project, and it works - as soon as the user picks a day in the chosen month, I can manipulate the chosen date to get the last day for the month and then set the date for the datepicker to the calculated last day of that
A really nice jQuery-UI implementation
Check out the North American Environmental Atlas. It's a really nice implementation using jQuery-UI. One thing I like about it is it's not a in-your-face implementation. For example, the opacity of many of the map layers can be controlled with tiny jQuery-UI sliders. http://www.cec.org/atlas/ **--** Steve
JQuery UI Tabs - Invalidating the cache?
The scenario ========= I'm using JQuery UI Tabs in my site. In a particular situation, I have have approx 10 tabs which are all loaded via ajax as a user visits each tab. I've set tabs cache to true as the content on each on each tab is usually static within a users session. However, I do have an http form on tab 1 that is submitted via ajax. Depending on the response I either display an error dialog or if successful I will reload tab1 using the tabs .load method. All this works fine. The problem
jQuery UI: datepicker - how to get a field date then insert a maniulated date elsewhere?
I am trying to do a few things I simply cannot find information about. - when setting a date with datepicker (jquery UI), I need to immediately modify the datepicker entry to the last day of the chosen month, and then, set the following field in my document to that date + 1 day. I do not have a clue how to achieve this... Any help would be greatly apopreciated.
IE7 is not positioning dialog properly on window resize
Like I said, IE7 (and IE6 but I don't really care IE6 that much) doesn't position dialog properly on window resize. When window is re sized, dialog goes down and down. IE8 FF Chrome Safari all work properly and position and re size dialog just fine but IE7 it re sizes the dialog but positions incorrectly. Anybody know some fix about this? I am using JQ 1.4.2 and UI 1.8 $("#mydialog").dialog({ autoOpen: false, bgiframe: true, resizable: false, modal: true, title: "", height:
Button behaviour in dialog
short description : I'm adding dynamically some elements to a div in a dialog (in this particular case names of courses) with a button to remove them again behind the description of the course. When a user clicks on the button to remove the course, the dialog is closed instead. Is there a way to prevent this behaviour ? The buttons have a specific classname but this is not taken in consideration when clicking on the button. Example of the code : 1. adding the courses to the div : $('#add-course').click(function()
Autocomplete : not select
Hi - - could some kind soul suggest how I might invoke an "on-not-select" callback after a user has typed something into an autocomplete box but NOT found what they are looking for... I want to force users to search a database, and if they can't find an entity, only then offer them a link to create it. "Select" only fires when something is actually selected... Any help much appreciated. Nick May
Tabs - Event order and specially 'show' event issues
Hey Everyone - I have been working a lot with the Tabs widget lately and have noticed a few things that caused me trouble/confusion so I was hoping someone could help. Specifically I am using the tabs widget in a "popup"/"lightbox" by having it controlled by another element source to toggle its visibility and the tabs are loaded via the Tabs ajax option for lazy loading content. The first is the ordering of the events which, as I always read the ordering always follows, is select -> load -> show.
Jquery UI Autocomplete Suggestion Box Positioning
I am placing the auto-complete control in the footer of a page so would like for it to render up above the input box instead of below. Can someone please suggest how I can go about doing this. Thanks
In DatePicker, is posible to show the <iframe fix for ie6 in other versions like ie7 and ie8?
Hi, I have date picker the shows behind and object, but in ie6 works perfectly because of the fix for the z-index (IFrame ui-datepicker-cover) is posible to show the <iframe fix for ie6 in other versions like ie7 and ie8? Thanks for reading.
Button Icons!?!
I can't for the life of my figure this out! I'm trying to make two buttons, one with a left arrow, and the other with a right arrow My HTML: <button id="left_theme"></button> <button id="right_theme"></button> My Javascript: $("#left_theme").button( {icons: {primary: "ui-icon-triangle-1-w"}, text: false } ); $("#right_theme").button( {icons: {primary: "ui-icon-triangle-1-e"}, text: false } ); My folders are set up like this: project: images: -- website related images -- javascript: jquery-1.4.1.js
UI Dialog Error: b("<div></div>").addClass("ui-widget-overlay") is undefined
I have the below code for my a Dialog box for a which contains a dropdown field KPMS.ServiceRequests.Status = { showOptions : function(requestId, userId, requestType) { var url = BASE_URL+'service_requests/status_options/'; $("#dialog-modal").dialog("destroy"); $("#dialog-modal").load(url, {"request_id": requestId, "user_id": userId}).dialog( { modal: true, title: "Update Status", buttons: { Cancel : function() { $(this).dialog('close'); }, Update: function() { KPMS.ServiceRequests.Status.update(requestId,
Know which handle was used for resizable
I have an area that is using .resizable(); The handles are e,se,s. I have different functions I need to perform based on the which handle was used for resizing. I tried the browser event object by using event.target but it returns the element being resized, not the handle. Does any one have any ideas of how to know which handle is being used? Thanks is advance!
table plug-in with horizontal scrollable column
Hello, I need to build a table that has one horizontal scrollable column. The scroll bar should appear in the column's head (or below it). I've heard that this might not be possible to implement without using multiple synchronized tables that would seem like a single one from the user's perspective. Any advice/ideea would be welcomed. Thank you
table plug-in with scrollable column feature
Hello, I need to make one table column scrollable horizontally. The scroll bar should appear above the column's head. Do you know any plug-in that can do this? I've heard that this might not be possible to implement without using multiple synchronized tables that would look like a single one. Thank you.
ACCORDION FLICKERING - Will this ever end?
www.naturalskin.com The accordion flickering saga never ends... I crack up with all the examples out there with jquery accordions. THEY ALL FLICKER, or at least most of them. Can anyone figure out how to stop the flicker? Erik
Themeroller (jQuery UI 1.8) - 2010-03-22 not working?
Howdy; it appears that the themeroller is not actually adding the customizations to the output file when I attempt to download a theme I've rolled. 1. Customize theme 2. Select "Download Theme" button 3. Customize JQuery UI download [ all this is with 1.8 ] I've tried both specifying and not specifying the custom theme name, and it appears that output is generated both under ./css/[theme name] and ./development-bundle/themes/[theme name], but nowhere in the generated CSS do I see my customizations.
Tabs top and bottom?
I'm new to jQuery and jUI, and I'm really interested is using the Tabs widget. I was wondering if it's possible to have tabs on the top AND bottom at the same time? Someone in another post stated that they had done it, but didn't show any code for it. Searching the forums and Google didn't bring up any examples either (unless I missed them). Is it possible? If so, examples I can check out would be mighty helpful. Thanks.
Datepicker - populatin altfield on page load (after submit)
I have a JSP form containing a datetepicker input field, and an associated altfield. It works like a charm, but after a page submit I want to keep the datepicker date populated, which means I want the altfield populated as well. This, of course, doesn't happen, and any help would be appreciated. Here's the rough code: <script type="text/javascript"> $(function(){ $("#datepicker").datepicker altField: '#altDate', altFormat: 'yy-mm-dd'}); </script> <form action="blah.html" method="post" id="submitForm">
"shake" effect not working well on inline elements
Hi, I'm sure this is a question that has been brought up before, but I'm not able to find the keywords to bring those posts up. When I try to "shake" an inline <a> element, the <a> gets dumped down to the next line, and the words are broken up. It's almost like the width of the parent <div> is too small or something. I realize jQueryUI changes some CSS to allow it to shake the element - but is there anything I can do to force it to shake in place? I'm using FF 3.6. HTML <form method = "post" action
Accordion tabs backgroud Transparent and set all tabs to closed
I would like to be able to set all tabs to be in their 'closed' state when someone navigates to the page, is that possible? Also I would like to know how to set the background of each tab content to transparent. Any help would be appreciated.
Trouble with Google Maps when switching between jQueryUI tabs
Here's a page with the issue To reproduce the error, using IE (I'm using IE 8) - click the directions tab, then any of the other tabs. What I'm trying to do is this: On page load, do nothing really. However, when the directions tab loads - setup the Google map. Like so: $('#tabs').bind('tabsshow', function(event, ui) { if (ui.panel.id == "tabs-5") { // get ma var dirMa= new GMap2($("div#dirMap").get(0)); dirMap.setCenter(new GLatLng(35.79648921414565,139.40663874149323),
data('title.dialog', 'new title') not working
Hi, I read the forum and found this syntax to change my dialog box title after it has been initialized: $('#myDialog').data('title.dialog', 'new title') However, it doesn't work for me. I'm using jQuery 1.4.2 and jQuery UI 1.8. Here is my very simple page: <html> <head> <title>Dialog box test</title> <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.custom.css" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"
Jquery and Drag and Drop Sortables and ASP
Hi Can someone assist. I am coding in Asp and ASP.Net using an SQL database with very limited knowledge of jquery I have some jquery code that does the sorting which I downloaded from the web $(document).ready(function() { $("#test-list").sortable({ handle : '.handle', update : function () { var order = $('#test-list').sortable('serialize'); $("#info").load("process_sortable.asp?list="+order); } }); }); What I want it to do is the user carries out the sort
jQuery UI Tabs
How do I attach an event/action to a specific tab. I want to execute some code when a specific tab is selected. I see how to use the select event, but that attaches to all tabs. I want something to happen only when a specific tab is selected. Thanks, Mike
Datepicker localisation
Hi, I need to set value attribute in my language (spanish) using datepicker functions, but jquery is setting the date in english. Here is my code: $("selector").datepicker($.datepicker.regional['es']).val($.datepicker.formatDate('D,dd M yy', date)); Output: Sat,20 Mar 2010 Output needed: Sab,20 Mar 2010 I have no problems with the calendar language but the attribute value is not in the correct language Can you help me? Thanks
Draggable item fixed to drag outside of carousel, but won't stick when dropped.
I'm working on an interface for making a cake. My initial problem was that I wanted the ingredients to be grouped into a carousel slider, but I wasn't able to drag anything out of the carousel. I fixed that using helper: 'clone' and appendTo: "body". But now, if I drag an item anywhere, as soon as I let go of it it jumps back to the original location. The page is www.chirho.co.uk/maggie JS, is in www.chirho.co.uk/maggie/inc/jqueryconfig.js Any ideas?
Localize dialog button names
I want to use the UI dialog but I need to localize the button names I use. Is there a way to do this? Another option would be to use icons instead of labels.
Draggable Ticket 5191 was solved but error remains and documentation not up to date with 1.8
I upgraded to the new 1.8 version. (Thanx for the many improvement!). When using the draggable plugin you can set the stack option. According to the documentation you set it like this: Initialize a draggable with the stack option specified. $( ".selector" ).draggable( { stack: { group: 'products', min: 50 } } ); However when looking at the source there has been a change between 1.7.2 and 1.8. in 1.7.2 the source is: $.ui.plugin.add("draggable", "stack", { start: function(event, ui) { var o = $(this).data("draggable").options;
Next Page