datepicker month drop down format
<div dir="ltr">Is there a way to change the format to the short month names? Some of the months right now are cut off once they are selected. on a side note can you specify the width of a date picker? </div>
Classes added to datepicker are lost on month change, etc.
I'm creating an inline datepicker and adding a class to specific cells based on the date as such: var cal = $("#calendar").datepicker(); cal.datepicker("change", { onSelect: function(dt) { $ ("#results").text($.datepicker.formatDate('mm/dd/yy', new Date(dt))) } }); var dates = [1, 5, 12, 21, 27, 30]; $(dates).each(function(i, d) { cal.find("a[innerHTML=" + d + "]").parent().addClass("myClass"); }); } Here's the problem: when I select a date or even just change months, the added classes go away. Is
issue with datepicker when using absolute positioning
Hi, I'm using position:absolute for my datepicker's input. When I set showOn to "button", the button does not appear next to the input but at position 0,0 in my parent Div. How can I specify the style of the button. Or can I set the button/image to be an existing element on my page ? Thanks
Hiding Contents on Drag or Resize
Hi all, I'm hosting an <object> inside a div and have applied draggable and resizable to the containing div. I want to set the CSS Visibility property of the object to hidden when I'm resizing or dragging. How would I go about doing this? Thanks for any help!
Add animation to jquery UI dialog resizing
Hi, I have a jquery UI dialog on my page that I would like to resize at some point. I would like to add some animation for the resizing proccess (something like show("slow") ) Unfortunatelly when I do $("#myDialog").data("height.dialog", 120).show("slow"); The dialog gets resized but I don't see any animation effect... I'm new to jquery. Am I doing something wrong? ??
Image displays again and again while revisiting the page
Hi every body, In my application we are using the JQuery datepicker and we are calling the function jQuery("#fromDate").datepicker({ showOn: "button", buttonImage: "/TCSFramework/images/icon.gif", buttonImageOnly: true , dateFormat: gPreferences.dateFormat }).addClass("embed"); like this i am disabling it with jQuery("#fromDate").datepicker("disable"); but problem is when i revisit that page it is adding the image again and again how can i solve it. Actually i am a newbie to JQery datePicker -------------------------------------
Sortable Question and Problem
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:Wingdings; panose-1:5 0 0 0 0 0 0 0 0 0;} @font-face
Problem with ui.sortable
Hi, I'm trying to play with the ui.sortable plugin and I need some help. With IE, I have a problem with the zIndex. Witth FF, I don't have this problem but I get a strange effect when I drag a "portlet". I've uploaded a demo http://netsunset.com/sort/ Any help ? Stan
Firefox + Drag bugs if scrolled
i have never use jquery, but every body say jquery rox (microsoft choose it -i use prototype ;) ) i just go to the ui demo page first demo draggable http://ui.jquery.com/repository/latest/demos/functional/#ui.draggable don't work on firefox 3.0.3 on gentoo :) the drag work but if i scroll down in the page when a drag the first image the "cloned" image appear at the wrong place ( if i scroll 200 px in the page the cloned image appar 200px under the cursor position ) all draggable element do the same
UI Datepicker cannot hide ?
Hi all, I just try to show a datepicker and hide it , but it faild. jquery version is 1.2.6 and jquery ui version is 1.6rc2(i try 1.5.2 version too , result is same) anything wrong? forgive my poor english . thanks in advance <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document</title> <script
Autocomplete and Modal Dialog - Select Box hidden
Hi, I am trying to pop an autocomplete in a modal dialog (rather than thickbox which was on the demo page here): http://jquery.bassistance.de/autocomplete/demo/ The modal dialog presents perfectly, I can type into it - it AJAX's in the results - but the dropdown select displays behind the autocomplete text box. I am assuming this is because the dialog has taken over the screen.. <div id="dialog"> <label>E-Mail (local):</label> <input type="text" id="dialogEmail" /> <input type="button" value="Get
Can a div not be draggable *and* droppable?
My example code: http://paste.pocoo.org/show/88256/ I am trying to make it so the user can "drag" the <div> surrounding the textbox and drop it onto an another <div> (that's set for "droppable") and then, after i can even get the alert to fire, copy the contents of the textbox but i cannot even get that "alert" to fire in the drop event..... any ideas/tips?
ui.slider bug
Bug description: in IE6 if a slider handle has a div inside (as mine does) its offsetWidth is set to something larger than what I set in CSS. The fix is to not use offsetWidth to calculate the handle size: _handleSize: function(handle,axis) { // Fixes issue in IE 6 because offsetWidth in IE6 is wrong return parseInt($(handle != undefined && handle !== null ? this.handle[handle] : this.currentHandle).css((axis == "x" ? "width" : "height"))); } This assumes that your CSS setting is in pixels.
accordion
Hello People, I have a question I would like to use the accordion plugin to reveal a Google map. No problem there. However the page i am creating has approximately 8- 10 maps this makes the page a heavy load. Is there a way of loading the content once the accordion 'drawer handle' has been clicked on, thus loading only what is necessary onto the page? Any help would be much appreciated. Suggary
Inline datepicker losing dynamic styling
Sorry folks...another new guy question... I'm using datepicker targeting a div element to make it an inline datepicker. I can apply styles using CSS just fine. When executing something like this, we have a problem: $("#calendar").datepicker(); $("#calendar TD.ui-datepicker-days- cell:contains('15')").addClass("className"); It works great, but when I click on a date, the formatting on the 15th is lost. I tracked it into the code, but I couldn't figure out what was going on. I have tried reapplying
Accordion - Disable method breaks radio buttons and checkboxes
Hello, I have a form inside an accordion. If I set the accordion to disabled it also disables any radio buttons and checkboxes in the from. Is there any fix for this? Cheers Ric
Getting the current droppable from the draggable's move callback
I'm trying to implement a very specific kind of drag and drop sorting for which sortables isn't really suitable. Therefore I'm rolling my own using draggables and droppables. I need to calculate the exact position within the droppable of the draggable being dragged over it. I can't do this from any of the droppable callbacks because there are none that fire on every mouse move. The only callback I can find that fires on every mouse move is the 'move' callback for the draggable, but I can't find any
Overlay issue using multiple dialogs on a page
I have a page with two dialogs in it, both are modal and reference different elements within the page (i.e. two different forms) $("#dialog-page").dialog({ modal: true, width: 500, height: 450, title: 'Add/Edit Page', autoOpen: false, overlay: { opacity: 0.5, background: "black" } }); $("#dialog-groups").dialog({ modal: true, width: 500, height:
proportionallyResize problem
Hi all I am working with release 1.6rc2 of jquery ui. All I have on my page is <div id="test" style="width: 150px; height: 100px">nik<table border=1 id="test1"><tr><td>hey</td><td>you</td></tr></table> <table border=1 id="test2" style="position:absolute;"><tr><td>1</ td><td>2</td></tr></table> <script type="text/javascript"> $(document).ready(function(){ Init(); }); function Init(){ $("#test").resizable({proportionallyResize:['#test1']}); } </script> The page renders fine in Firrefox (latest version).
Colorpicker rounding errors
Right now the color picker always turns convert the color first to HSB before setting the other values. When I try to get the color: #336699 or RBG 51,102,153 it always gets rounded to #326699 (50,102,153) And it happens to other colors too ! HSB is nice, but it's always a color approximation. Please change it to RGB or HEX
draggable connected to sortable via connectToSortable. How to limit the behavior to one of each draggable ?
<div dir="ltr">Hi again So I have draggables that are connected to a sortable via connectToSortable. Currently I can drag several times the elements to the sortable. This does not make sense in my application logic, I'd like to make this possible only for once for each draggable item. No more than one copy of a given draggable should be allowed inside of my sortable. What is the best way to do this ? Olivier </div>
Drag followed by Resize causes 'Object doesn't support this property or method'
Hi, I currently have some .NET controls hosted in object tags and have applied the resize and drag jQuery code to the object element's containing div. When the div is resized or dragged the visibility of the object is set to hidden so that it doesn't interfere and then once the user stops resizing/dragging it is set back to visible. My problem is that when I drag the div about and then attempt to resize it* I get an 'Object doesn't support this property or method' error, it comes from line 290 in
Can't sort LI items that has also draggable/droppable event listener
Hi, I'm tryng to organize a menu using draggable/droppable/sortable: I've put an example here: http://lab.gianiaz.com/jquery/sortable-droppable/unsolved.html What I want to do is to move LI nodes between the four list, and be able to sort LI nodes inside every UL. If I comment the code about the draggable/sortable the sort functionality works. Any help appreciated. Bye :-)
Sortable helper problem.
Hi jquery guys. Just switched from mootools and I'm really glad I did. But I bumped into a problem which I don't know how to solve. I know that the helper option in sortable() must be a function that returns a jquery object. But I don't want any helper and instead drag the original element, since it seems to lose its properties and it is shown smaller in width than my original element. (I'm applying sortable to the tbody of a table - i want to sort tr's). Any ideas? Thanks, degro
proportionallyResize problem
Hi all I am working with release 1.6rc2 of jquery ui. All I have on my page is <div id="test" style="width: 150px; height: 100px">nik<table border=1 id="test1"><tr><td>hey</td><td>you</td></tr></table> <table border=1 id="test2" style="position:absolute;"><tr><td>1</td><td>2</td></tr></table> <script type="text/javascript"> $(document).ready(function(){ Init(); }); function Init(){ $("#test").resizable({proportionallyResize:['#test1']}); } </script> The page renders fine
Dialog wierd look
Hello I got a problem I've downloaded the UI library from jquery using the Build your download function. And checked every option using the rc build. But when I try this: <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("#addUserDialog").dialog(); }); </script> It looks like this www.huscorp.nl, I unfortunately cant give the real url yet, but does anyone know why it looks like this. Am I supposed to make my own css stylesheet? Anyway I re-downloaded
Fade in a dialog?
Is there any way to use a fade animation to show a dialog? I found the show-option, which is supposed to accept a String - that gets passed through to jQuery's show method, which I really don't want to use as an animation. Am I missing something or isn't fading supported? Jörn
adding ul li tags inside a ui tabs
Hello, How do I add a ul, li tag inside a ui tabs tabs? When I try to all the list entries are turned into tabs, which is not what I wanted. I have given the ul a different style and id, but this still did not work. Any advise, much appreciated Norman
Cancel or Prevent Drop
I'm using jQuery UI Sortable and I'm trying to figure out how to cancel the drop or prevent the drop at certain areas? I know the events are being fired, onChange and onUpdate, and I tried doing a "return false" to denied the drop and tell the draggable to go back where it came from. Please help. Thanks, Will
draggables bug when within an absolutely positioned container and the page is scrolled down
<div dir="ltr">Hi I think I found a bug with the draggables, when they are within an absolutely positionned container and and the page is scrolled down. When I click the draggable item, the item is being cloned, but not at the right place. It is being positioned above the mouse pointer. I notices that the distance between the mouse pointer and the item is equal to the distance between the viewport and the top of the page. Is this bug know and planned to be fixed ? If not, can I work it around using
Strange IE drag behavior ( demo included )
Hello. I've been having trouble making UI.SORTABLE work in IE (maybe just IE6?) due to a strange dragging behavior. I put together this simple demo to illustrate the problem: http://74.205.76.81/sorttest/ As you can see, the dragged element is out of place while dragging. Oddly enough, it drops into the correct place when released. This is obviously a major usability problem, because it's visually disconcerting to the user. I'm pretty new to jQuery and UI. Can any of you jQuery pros please help?
.slider() locking onto mouse outside host element
Hello This behaviour appears very rarely and randomly and is resolvable by simply reloading the page. However of course the page may not be reloaded for a long time because the application uses AJAX. Can anyone please help explain this: http://www.youtube.com/watch?v=DB-xb8esbqw pd
Tabs - View All
Hello, I'm trying to set up my tabs so the first tab/ default tab shows the content of the other tabs. I.e. View All; Reviews; Specifications; Pictures. This way they can see all the content, but can use the tabs optionally. I took the example and tried to set it up as below, but it shows empty boxes underneath the tabs. Basically tried to wrap the other tabs in a div for the View All. <div id="example" class="flora"> <ul> <li><a href="#fragment-1"><span>One</span></a></li> <li><a href="#fragment-2"><span>Two</span></a></li>
Reload of Tabs
Hi There I employ the JQuery UI Tabs interface in my new project. I use the "link tabs" option where the info for each team is in a different page and loaded separately as there is a lot of SQL queries flying around. I have an issue with the reload of data within the tabs in IE. in Firefox everything is fine, but if I change something in IE and return tot eh tab, the old information still shows. I tried the "reload tab" function but either failed to employ this correctly, or is not working but either
Getting the current droppable from the draggable's move callback
I'm trying to implement a very specific kind of drag and drop sorting for which sortables isn't really suitable. Therefore I'm rolling my own using draggables and droppables. I need to calculate the exact position within the droppable of the draggable being dragged over it. I can't do this from any of the droppable callbacks because there are none that fire on every mouse move. The only callback I can find that fires on every mouse move is the 'move' callback for the draggable, but I can't find any
Scrolling On Target
I know there is a scroll for the draggable's container which is great. But is there an option to scroll the droppable's container if it is different to the draggable's container?
Bugs when building packed 1.6rc2 packed
I tried to build custom script 1.6rc2, sortable, packed, $(document).ready(function() { $("#alist").sortable({ handle: '.handle', update: function() { $("input#someresult").val($ ('#alist').sortable('serialize')); } }); it works from http://localhost, but got an error when running from remote, object not referenced... When using 1.5.2 stable, everything is fine. Just FYI.
1.6rc2 Magnifier option Overlap broken
If you set overlap to true for Magnifier in 1.6rc2 it breaks and does not function at all. Compare (hover over webcam images): http://bcnsurf.googlepages.com/surf-overlap.htm with http://bcnsurf.googlepages.com/surf-.htm
Memory Leak in ui.droppables/draggables?
I have a problem with an application where I use draggables/dropples and replace the draggables via AJAX. Everytime after replacing or just removing the content, the Tool Drip tells me that the event bindings of the dom nodes still exist. I'm not able to remove the event-bindings. Neither with droppable("destroy") nor with $("*").unbind(). Is there a memory leak or am I doing something wrong? The Test-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
sortable list of links
I have setup a list of links (anchors) to be sortable, but after I sort an item, the link is executed, and I am taken to the web page for that link. Is there a way to setup the Sortable plugin to prevent this from happening?
Next Page