Resizable ne handle, but resize width only?
I would like a NE handle in addition to my E handle for visual clarity but restrict resizing to horizontal. I tried setting min-height which kept the height but still allowed the box to be resized south and just float away. Ideas appreciated
Dialog modal form failing in IE8
I have a login form operating out of a jQuery UI (1.8.5) modal dialog in conjunction with jquery.form. It works fine in FF, Opera, and Chrome, but while the form is triggered in IE8, no form element values are transferred in the post My code is <div id="dialog" title="Log in" class="sanserif"> <div id="loginBlock"> <form action="scripts/ajax_login.asp?id=login" method="post" id="login2" name="login2"> <fieldset id="mainlogin"> <div id="loginfback" class="hide"></div> <label
Problem with" margin-top" for first accordion header in IE8
You can see the problem on this page: http://www.fleetanddrivercare.be/services/vehicleselection.php?lang=en First it shows no margin. When you hover over it this changes. Any ideas?
UI 1.8 Date Picker: parseDate() error
Hello All, I am using the jQuery UI Date Picker and our client is having a very particular issue. We are formatting dates with the mask 'mm/dd/yy' and are running into an issue when typing the date '11/01/2008'. After typing '11/01/2' the date picker decides that this is enough to create a date and updates the date picker to '11/01/2002'. It also removes the date from the text field. It seems that the internal method _doKeyUp() is calling parseDate() and parseDate() is causing the partial string
Example for disabling menu item
Hi, I'd like to see a code example that demonstrates how to disable/enables a menu item when a certain event is fired. Will this functionality only be available with version 1.9 or would that work with the latest 1.8 version (autocomplete) also? Thanks, Ben
Close / Re-Open Dialog with UI 1.6rc2
I updated to 1.6rc2 today. Needless to say this latest rc is great. I've had one issue so far with dialog windows. For some reason I can't reopen the a dialog after I close it. I am reviewing the documentation as we speak to see what I missed. Any input is appreciated. Here's the minimal case example from the 1.5 .dialog("close") question I had. It illustrates the problem. I couldn't find UI 1.6 in the Google Ajax lib so the path will have to be updated before you run the HTML. http://paste.pocoo.org/show/95987/
jQueryUI Accordion overlaps menu on the left hand side
Hi, I have been struggling for a couple of hours with a jQuery UI accordion. For some reason the header of the accordion overlaps the navigation on the left hand side of the screen. The content of the panes is placed correctly, but the header is far too much on the left hand side. Is there a way to force the position of the headers (an the image)? I'm a newbie with this technology and may ask a stupid question. Please forgive me in advance if it is the case. Is there anything else I should
Extending the example?
Hi, How do I extend this example to include sub lists? http://jqueryui.com/demos/draggable/#sortable What I want to happen is for things to drag as they are currently. However, if you drop onto another item then it creates a new list and appears in this sublist. So, my page would start like this. <ul id="sortable"> <li class="ui-state-default">Item 1</li> <li class="ui-state-default">Item 2</li> <li class="ui-state-default">Item 3</li> <li class="ui-state-default">Item 4</li> <li class="ui-state-default">Item
Validating date range in any format with jquery UI datepickers
Hi, I am using two datepickers as laid out here: http://jsfiddle.net/mQRaj/7/ The issue i am having is as follows. I have two datepickers that are going to be localised into many languages, therefore will have many date formats possible as their output. My thinking was to take the output from the datepicker inputs and then convert it into a 'dd/mm/yy' format with the dateFormat method: http://docs.jquery.com/UI/Datepicker/formatDate This seems to work fine for datepickers where the date format is
Bug when closing one dialog within multiple stacked dialogs
Hi, I'm using UI dialog with the stack: true option. I was able to open multiple dialogs as shown in the screenshot below. I opened the dialogs in the labelled order. If I close dialog #1, dialog #2 and #3 (highlighted in yellow in screenshot below; near the top edge) will be positioned out of bound by css top value. The only way for the close to work properly is to close the dialog in the order of which was last opened. Is this a bug with jQuery UI or my code? Here's my code to open up dialogs $('div.module[rel="pms"]
Issue with jQuery.dialog(), IE6, and IFRAME
I have a dialog that I create to float over an IFRAME, but below a 'suckerfish' menu system. When the dialog displays in IE6, the dialog, along with the text above the IFRAME, are moved up so as to show only part of the dialog, and none of the content of the IFRAME. This behavior does not happen if I use IE8. Are there any known issues with jQuery.dialog(), IFRAMES, and IE6?
How to view permanently Datapicker and trigger an event?
I am trying to view some data according to the date which is fixed by Datapicker. In that case, Datapicker need to be permanently on the top of th page. If you know another plugin to do that, i am also interested. Francis
Problems with buttons with primary icon
I'm not sure what's going on here. I have a stock jqueryui install, latest version. When I use the jqueryui button functionality with a left (primary) icon, the button appears at the upper left, and the text appears below. I tried copying the demo source and running it on my own web page, and it happens there too (see screencap). What am I missing?
Nested tabs problem
I'm trying nest one set of tabs (tabrow2) inside another (tabrow1) like so ... <div id="tabrow1" > <ul> <li><a href="#homePage" class="homeTab">My Quotes</a></li> <li><a href="#tabrow1-2">All Quotes</a></li> <li><a href="#addaQuotePage">Add a quote</a></li> </ul> <div id="tabrow1-2"> <div id="tabrow2"> <ul> <li><a href="#authorsPage">By Author</a></li> <li><a href="#byTagPage">By Tag</a></li> <li><a href="#findQuotePage" class="searchTab">Search</a></li>
jQueryUI Slider with left/right arrows
Im using the JqueryUI slider (This one - http://jqueryui.com/demos/slider/#side-scroll) and I want to add arrows either side of the slider to move the contents in the div left or right 200px at a time. Has anyone done this before and can provide some advice. Still learning jQuery.
Appended <lI> breaking autocomplete
Hello, Using the 'open' event I have appended an <li> which serves as a "See More Results" link at the bottom of the results. However any attempt I make to bind a click event is fruitless. I get an error in the jQuery UI saying "d.item is null" ln 242. I think this means it is trying to look for data from the result query to automatically bind (like the other items) to it but it can't find anything. I punched the duck and used ._renderItem, does anyone know how to remedy this?
Different JSP with different JQuery UI forms, open previous/current dialog associated or not associated.
Hi all, I´m coding a JQuery form using buttons, radiobuttons and tables. As you can see in the attached image, there are three horizontal buttons (Button1, Button2 & Button3). If you clicks on some button, the table-div will update to show the associated table. Ok, this task works well, but, happens a strange thing: - The first time, by default, appears the table related with "Button1". If you select some button in the Column3 (pencil is to modify the row and trash is to delete these row), will
ThemeRoller not giving me correct markup
I created a custom theme using the ThemeRoller. I downloaded the entire package and wired it up just like it shows in the example. All of my dialog boxes (the only thing I use) are formatted incorrectly. Everything is completely left-justified, the "close" icon for the titlebar is shifted completely to the left and there is no background for the buttons at the bottom. EVERYTHING is wired up just as it was in the example, to include the CSS file. I'm using jQuery 1.4.2 and ui 1.8.4. Why would something
How to remove a method of a widget ?
Hi, I'd like something simple I guess but I dunno how to do it. It's for the Accordion widget but it's the some for all widget. Well, I'd like to destroy the _keydown method. $.widget( "ui.accordion", { _keydown: function( event ) { // blah }, // reblah }); Well I want to kill it because I already have the keys UP and DOWN used for the navigation, it breaks it :( Thanks.
Any Jquery IDE Drap and Drop facillity
Any Jquery IDE Drap and Drop facillity
Autocomplete element position bouncing around
Hello all, I'm having a problem with the AutoComplete module (or possibly more specifically the 'position' module), in that I have found when the AutoComplete list is being shown, and the document size (height/width) changes, due to what is being typed in, then the list will become detached (visually) from the input element. The basic cause for this appears to be that the list has 'position: relative' (and then top / left as needed). Since it is relative, and the document size changes, the list bounces
tabs & url
Hi The thing is: suppose i got 3 tabs. Body inside tab 1 i want to retirve from google.com, inside tab 2 i want to retrive from yahoo.com and inside tab 3 i want to retrive from my site. Is it possible ? If so, how does implemetation looks like ?. Im newbie in js and jquery and for now i only know how some simple examples of tabs. thx in advance for all help
Accordion bug
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>jQuery UI Tabs - Default functionality</title> <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="../../jquery-1.4.2.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> <script type="text/javascript" src="../../ui/jquery.ui.tabs.js"></script>
Problem downloading custom themed Date Picker
After theming the Date Picker and hitting "Download theme", I get this error on Firefox 3.6.9 and Google Chrome 6.0.472.55 (both on Mac OSX 10.5.6): This page is not available. The page on http://jqueryui.com/download/?themeParams=?ffDefault=Arial,Verdana,sans-serif&fwDefault=bold&fsDefault=1.2em&cornerRadius=4px&bgColorHeader=ffca00&bgTextureHeader=05_inset_soft.png&bgImgOpacityHeader=80&borderColorHeader=ffb000&fcHeader=474239&iconColorHeader=474239&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=6c6962&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=444037&bgTextureHover=05_inset_soft.png&bgImgOpacityHover=75&borderColorHover=444037&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=F33C07&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=65&borderColorActive=F33C07&fcActive=ffffff&iconColorActive=454545&bgColorHighlight=ffca00&bgTextureHighlight=06_inset_hard.png&bgImgOpacityHighlight=55&borderColorHighlight=ffca00&fcHighlight=474239&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px is
how to get list using query
My sql query is SELECT a.HD, a.HEAD, a.SH, a.SUBHEAD, a.TRK, a.TRACK, a.TGT, a.TARGET, a.PDC, a.DT_RELEASE, a.STATUS, a.CO FROM V_HIERARCHY1 a 2, My Data is HR HR Rec Records Leave Leave Records HRL.0001 Policy and Process for leave record. 27.06.2010 30.06.2010 WIP Edlink HR HR Rec Records Leave Leave Records HRL.0002 Quarterly Review 01.07.2010 04.07.2010 Planned Edlink HR HR DB Database SAL Salary DDS.0001
Draggable Stack : add an event to bring to front
Hi everybody, It's my first post here . I am a 25yo european electronics engineer who does a little web dev at work. I am developping an app with draggables/stackables div markups. It works great except for one single feature : when you click on a box without dragging it the "dragstart" event isn't fired and the box does not come to front. I tried to add my own event, and succeeded, but as I was having a look at the code I fell that the method on line 765 of jquery.ui.draggable.js (1.8.4) was much
Unable to create multiple draggables
I am attempting to do create multiple dragging floating search results. Here is the flow: 1) Perform a search, a result is created. 2) Click the top right to "unpin" the result and make it draggable. 3) Perform a second search which creates a new result. At this point, the click event on result #2 isn't working. Only after you have closed result #1 (by performing its click event) does the click event on #2 work. I'm using .one() instead of .click() although I've tried them both (and tried
Using multiple Jquery components having different Jquery versions.
I am using combobox component of Jquery http://jquery.sanchezsalvador.com/jquery/page/jquerycomboboxexamplealternatestyle.aspx and my existing page is already using jquery 1.4.2 and flyout component of Jquery. When I am adding the combobox component using jquery-1.1.3.1.js, jquery.dimensions.js and jquery.combobox.js". My flyout menu and other Jquery functionality stop working. Is there any solution to resolve this problem? I have tried jQuery.noConflict() as well but it doesn't seem to be working.
Restrict datepicker to days of the week?
Is it possible to configure the datepicker to only allow the user to select certain days of the week? I'm working on a site where the user needs to select a delivery date on a certain day of the week, e.g. Monday. Thanks, Troy
Someone can suggest me some theme for a website based totally on jquery-ui css framework?
Like title: Someone can suggest me some theme for a website based totally on jquery-ui css framework? Can you make some examples? Thank you very much :)
textAlign problem in animate function
Hi, $(document).ready(function() { $('#content').animate({ marginTop: (pageHeight-301)/2 }, 2000).animate({ textAlign: 'center' }, { 'duration': 2000, 'easing': 'easeInOutExpo' }); });I'm using this code for the #content div, first animation works perfect but second one doesnt work. Problem is textAlign. I tried textIndent, color, padding instead of textAlign, and all of them worked perfectly. But I cant use textAlign in animate.
$("#myAccordion").accordion is not a function
I know it's been asked a million times, and I've looked at all the questions involving it that I can find, but after that, I still can't find out why my simplest jQuery UI functions won't work. I've tried it with the Tabs widget and the Accordion widget, and both produce the following errors in Firebug: $.widget is not a function $("#myAccordion").accordion is not a function Here's my code, into which I've inserted three javascript alerts: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
jQuery UI - How do I re-enable draggable
I'm working on an app that requires drag-drop. Upon drop, the selected draggable needs to remain present but become disabled. Then the new 'dropped' item is appended with a 'close' button. Upon clicking the close button, the item disappears from the 'droppable' area and re-activates as a draggable. The issue is that once I disable the draggable (after successful drop), i cannot re-enable that one unique item in my separate 'remove' function. here's some sample code - alot of it is stripped out
Feature request: <ul>,<li> for Autocomplete
Not sure if this is the right place for a feature request. It would be good if the Autocomplete widget would accept HTML as input in the following form: <ul> <li data-value="optional value0"> Some text to describe the value with HTML markup. </li> <li data-value="optional value1"> More HTML </li> </ul> The benefit of this format over JSON is that it's easier to produce, you don't have to escape any characters, it's easier to view and debug, and it's easier to see what you're doing
selecting tabs conditionally
Hi, I have a page with 6 tabs, each tab contains a form. what I would like to do, is when user clicks continue button, the form processes, sets a check variable and when the page reloads, if the check variable exists, select and display the next tab. Everything is working except the selection of the next tab on reload. <cfif isDefined('form.advT2')> <cfoutput><cfdump var="#form#"></cfoutput> <script type="text/javascript"> $(document).ready(function()
jQuery UI button height difference in IE and FF?!
Just compare the height of the button "a button element" from this page in IE and FF: http://jqueryui.com/themeroller in IE (7): height 28px (including border) in FF: height 26px (including border) It seems the button element gets an extra 1px border in IE as the button is also 2px wider in IE. Where does this extra border come from??!!! Looks pretty much like in IE the button element gets 2 borders instead of only one.... Thanks Sissi
Sortable elements not clickable after sorting.
Hi, I have an unordered list that is sorted and each of the <li> elements contain divs with a class that is used to assign a click function to the div. The click function works fine before a list item is moved in the list. Once it has been moved though, the click function does not work anymore. Any thoughts on what this could be? I've tried a couple of things now and the below is the current state of the code which is producing the error as described above. Thanks in advance $("#sortable").sortable({
How to select the droppable element 'on drop' ? (beginner)
Hi, I have a grid of multiple divs and a drag item. I'm trying to get the position of the cell where the drag item is dropped. So how to select the element where the drag elements is dropped on so I can determine the position of this element, and append the drag item to it with a nice animate()? This is the jquery code I have so far: $(function() { $('.drag').draggable(); $('.cell').droppable({ drop : function() { var offset = $('.cell').offset(); alert( "left: " + offset.left + ", top: " + offset.top
Possible to get rounded corners in IE?
I love the look of jquery-ui, except in IE. Any way to get those rounded corners? I tried CSS3PIE with no luck: http://css3pie.com/forum/viewtopic.php?f=3&t=167
problem with tabs ui
I have been using jquery tabs (love jquery) on one of my sites and it has been working beautifully except the client recently needed a 12th tab (up to this point they have had 11). the tab appears, you can switch too it but none of the css code gets applied to the last tab. If I move it to an earlier position it works great but whichever tab is in that 12th position the css code is not applied. I upgraded to the most recent release and looked through the script but cannot seem to find the issue.
Next Page