Dialog with min and Max button
hi i want create dilag with minimize and maximize button in title bar , but i dont know how can i do it !
How to bind one draggable DIV to another?
Hi guys, Say I have Div1 and Div2. I want to make that when a user is dragging around Div1, Div2 should also drag along. Any ideas how do I make it? Here's what I got so far... $(document).ready(function() { $("#apDiv1").draggable(); $("#apDiv2").draggable(); //<- how do I link it do Div1 ? }); Thanks
Sortable Tabs
Hi guys, I am using jQuery Tabs (http://jqueryui.com/demos/tabs/#sortable) and have set it up so they can be sortable, howvere the first two tabs I want to be permenant and NOT sortable, how can I achieve this? Thanks in advance
Automatically SlideUp last <li> Element when adding a new one?
Hello, I found this tutorial about animating new posts with jQuery: Link This is quite impressive so far. I just wanted to know whether it is technically possible to limit the amount of shown posts to e.g. 10. So whenever a new post is made, and there are 10 posts visible already, the last of them "slides up". Could you give me a hint on this one? Thanks a lot!
drag drop - start dragging on mousedown event even cursor is over [cancel] element
Hi all, My single draggable looks like, <table> <p><a>some link</a></p> </table> I have draggable elements (overall a table) which contains a hyperlink wrapped around in <P> tag and some other blank area. In load event, I initialized these draggable objects with [cancel:'p'] since I need user to be able to select the text of <a> element. My requirement now is, if user holds mouse down for x seconds over hyperlink (<a>) then he/she should be able to drag the element (ie, table). Note that, in
Autocomplete user type exactly a result term
Hello, Is there any way to detect if the information written by the user is exactly the result for a query? For example, if I use autocomplete to search my database and return a hidden ID, but I prefer writting all the word in the input instead of choosing from the results, how can I detect "onchange" that the user has written a valid term (as the "ui.item" on function change is undefined). To show you an example, take the page http://jqueryui.com/demos/autocomplete/custom-data.html . If you write
UI Sliders - Setting defaults for multiple
I upgraded from 1.7.2 to 1.8.2 and my sliders aren't getting defaults or any functions loaded with $.extend($.ui.slider.defaults, {}); Has something changed in the object?
Uncaught jQuery UI Tabs: Mismatching fragment identifier.
Do not run in IE8 and chrome, i have this error with this code : <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var pdata = eval('('+'{"client":[["test1","test1"],["test2","test2"],["test3","test3"],["test4","test4"],["test5","test5"],["test6","test6"],["test7","test7"],["test8","test8"],["test9","test9"]]}'+')');
Chaining dialog and load on multiple link
Hi , I have a page with différents links , all the links have an href attribute linked to a specific page. I'm trying to open this page inside a dialog by clicking the link. I tried something like that : $(document).ready(function(){ $('#dialogBox').dialog({ bgiframe:true, autoOpen:false, height:400, modal:true }); $('.linkCal').click(function(e){ e.preventDefault(); $('#dialogBox').load($(this).attr('href')).dialog('open'); }); }); But the dialog opens only once the first time i click a link.
[UI button] Only secondary icon
Hello, I have a question regarding the button in jQuery UI. Why isn't it possible too only display the secondary icon? If I leave the primary empty, the secondary icon is placed on the position of the primary icon. Would be a great feature, because of the previous / next button.
Buttons don't look right using 'blitzer' theme
When I run a page with buttons and using the blitzer theme, they don't look anything like shown on the demo page [1]. The attachments show the stark differences. This is using 1.8.2 and 1.4.2 downloaded in the last couple of days. Below is the code as being served by the django development server. Can someone tell me what I'm doing wrong? <!DOCTYPE html> <html lang="en"> <head> <script src="/jq/js/jquery-1.4.2.min.js" type="text/javascript"></script> <link type="text/css" href="/jq/themes/blitzer/ui.theme.css"
print content of dialog with scrollbar
Hello So I instantiate a new jquery ui dialog window with specified height where the content causes the scrollbar to appear. I have a print button within the dialog window that's meant to print all the content in the dialog window. It currently only prints the rows that are visible. Any ideas as to how i can print the whole lot? Thanks! Lance
Jquery buttonset
Hi, I am using Jquery buttonset, during page reloading i can still see old radio buttons.What's the problem with my code?Here is my code. <div id="radioset"> <input type=radio id="radio1" name=listType /><label for="radio1">Choice1</label> <input type=radio id="radio2" name=listType value="2" /><label for="radio2">Choice2</label> <input type=radio id="radio5" name=listType value="5" /><label for="radio5">Choice3</label> </div>
Draggable - 'text' cursor is shown in Safari
Hi there, $(".myCss").draggable({ cursor: 'move', other settings...) Based on this code, draggable object should show 'move' cursor while dragging. In IE and FF it works perfectly; but in Safari, it shows 'text' cursor while dragging. Tested in safari 4.0.5 Is this a bug?
jQuery UI custom theme and missing texture
Hi all, I downloaded a jquery ui (1.8.2 version) custom theme (based on "Vader" theme) with a specific texture for "dialog modal" selected and other custom options. When the dialog is opened with "modal: true" option the texture don't appear. Moreover, the class "ui-state-error" don't work properly with colors. What should I do?
if statement to see if tab is enabled
Hello, I can't find any method to see if a tab is enabled (or disabled). Is there any way to do this if I know actual index of the tab?
datepicker wraps the month select arrows to 2 lines
My datepicker calendar displays but wraps the top arrows onto 2 lines and flickers the calendar on mouseover. The code is in Rails as <%= f.text_field :nomination_fee_paid_date, :id => "datepicker" %> and the output is <input id="team_nomination_fee" name="team[nomination_fee]" size="30" type="text" />
Tabs and Accordion on PHP5
Hi all! I am fairly new to jquery and jquery ui, but am well versed in php. Thanks to the excellent documentation on this site I have both accordion and tab widgets working perfectly on my 1and1.com site. I recently found the need to upgrade php4.x to 5.2 for some other purposes, however, after the php upgrade the jquery ui controls no longer work properly... meaning the gui properties are gone and only the text content remains. Downgrading to php4 reverses the problem. I have been troubleshooting
How to disable the onSelect option of datepicker?
I want to disable the onSelect option of datepicker, I have tried all the variations I have found on the internet, but nothing seems to do the trick. Background: Using the datepicker as a mouseover calendar, hover over the date and get the data for that day in an attached div. Issues are when I use $(selector).datepicker('option', {onSelect:'disabled'}); the onselect is disabled but so to is the mouseover event. Any ideas?
Firebug warning messages
Hi, I have created a simple example (Windows 7, Firefox 3.6.6): <!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 equiv="Content-type" content="text/html; charset=utf8" /> <link type="text/css" href="jquery.ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery-ui-1.8.2.custom.min.js"></script>
How to... Add values to the shopping cart UI
Hi All, I am having problems adding values to the shopping cart UI. For some reason, the method i am using doubles the value. So if item value is 10, the total updates to 20. Demo: http://bit.ly/947OpO jQueryUI: http://jqueryui.com/demos/droppable/#shopping-cart I have created a function called calcTotal() which is fired when the item has been dropped into the cart. function calcTotal() { var total = 0;
Set focus to dialog button
Hi, Can someone suggest a good way to set focus to a specific dialog button, like "cancel". At the moment, the focus seems to go to the input field by default. I'd like to be able to set it to what I choose. Thanks.
Register Accordion by Class and Not ID
Hi, I am trying to get multiple accordions on one page but currently I am registering the accordion by ID. How do I change it to register by Class and NOT ID? Thanks in advance
How to add Dialog buttons from ajax data
I'm using the Dialog UI to assist users in manipulating data. My current code uses the .load function to get the dialog content into the DIV and then create the dialog. This all works fine to load the dynamic content of the Dialog. My problem is I need the Dialog to be more dynamic than just content. The page the Dialog is called from doesn't know what title, class or buttons to place on the dialog. My best attempt so far is to us .ajax to return a JSON data object and modify the Dialog using
Autocomplete scroll question -- how to?
Hi all, I have an autocomplete list that looks like this: <script> $(document).ready(function() { $("#tags").autocomplete({ source: [{label:"1167860", value:"3711"},{label:"608712",value:"3731"},{label:"1167861",value:"3712"},{label:"608711",value:"3732"},{label:"1167863",value:"3713"},{label:"608714",value:"3735"}], highlight: false }); $("#tags").bind( "autocompleteselect", function(event, ui) { var label= ui.item.label; var id= ui.item.value; alert("label: " + label
.selectable() deselection avoid on click
eng... i hope deselection avoid on click how do I prevent a previous multi-select on an .selectable() object vanishes when beginning a new selection? should emulate pressing CTRL... ----- ita evitare deselezione quando si clicca come faccio ad evitare che una precedente selezione multipla su un oggetto .selectable() si annulli quando inizio una nuova selezione? dovrei emulare la pressione di CTRL, ma non si può fare...
Sortable grid option does not seem to work for me
I created a sortable: $(function() { $("#sortable").sortable({grid:[0,41]}, {tolerance:'pointer'}, {containment: 'parent'}); $("#sortable").disableSelection(); }); From this element: <ul id="sortable"> <li class="ui-state-default" ><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li> <li class="ui-state-default" ><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li> <li class="ui-state-default" ><span class="ui-icon
Accordion tabs all mangled together
Hey, this is what my tabs for my accordion look like.. I'm not sure why. Here is the code.$('#platforms').accordion({icons: false, alwaysOpen: false, active: false}); Also, not sure if this is related, but the active: false seems to work, but when I try to close the current one it never closes. Thanks,
JQuerry UI Tabs Removing Border around entire tabs and content.
Hi want to remove the border around the entire TABs box in the TAB example how would I got about doing that? sorry I am a complete Newbie to this. I would like to have something like the tabs below the tab example where it says "overview, options,events,etc.." if you go to the Jquery ui tabs demo. http://jqueryui.com/demos/tabs/ Thanks ~Mr Nemus
.dialog() takes fields out of form
Hi, I created an application will provides a popup dialog to add additional information in a POST based form. What I noticed is that when .dialog() is called, the jquery UI creates a new div, appends it to the body element and puts in the div on which the .dialog was called in. so it becomes something like this <body> <form> <div id="popup">Fields here</div> </form> </body> After $("#popup").dialog() <body> <form> </form> <div class="ui ..."> <div id="popup">Fields here</div> </div> </body> now,
jeditable and dialog ui
Hello, I'm using Jeditable plugin and before submitting data, i make a controll in the function 'onsubmit'. Within 'onsubmit' I open a dialog and I need to detect which button was clicked onsubmit: function(settings, original) { .... $("#dialog").dialog('open'); if (user clicks 'ok') I send some AJAX data via POST return true; else return false; } can someone tell me how do i do? tnx
integrating jquery into an existing java framework? possible?
hi.. we have a home grown java framework, which uses a combination of velocity and custom jsp tag sand custom jsp tags, which are rendered behind the scenes by velocity templates are are being binded using ognl expressions. meaning java objects are data binded to get tags with ognl. the whole thing works with IE 6.0 (and ONLY i.e 6) it's a mess problem is , i don't think any of the existing java framework (such as jsf, struts etc..) could be used to easily replace this thing, as we are dealing only
Can you have a function execute when the datepicker is set?
with the year and month as arguments? right now I can only execute a function through onSelect and onChangeMonthYear. I need it to run when the datepicker loads. Thanks
forced changed "%" to "px"
I have a animate function which is being forced from "%" to "px" $(selector).animate({width: '33%'},{queue:false, duration:2000}); becomes $(selector).animate({width: '33px'},{queue:false, duration:2000}); i am clueless, any ideas Thanks
How to Deactivate the “Enter Key” when using jQueryUI Dialog Message
I am having some issue with the enter key within IE6 together with the jQuery UI Dialog confirmation box that has just an "Ok" button on it. (see code below). Basically, I only want the dialog box together with any additional function calls against the "Ok" to close/fire function, only when the user clicks on the "Ok" button. At the moment, I allow the user to press the "Enter" to fire off the retrieval of some info and then based on some validation of this data, I produce a modal jQuery UI dialog
Selecting UI tab from iframe
Hello, I'm trying to change the parent documents selected ui tab from an iframe in the document. This is what I have tried and it doesn't work: $(parent.document).find('#tabs').tabs().tabs('select', 3); Anyone got any ideas?
jQueryUI radio buttons
New to jquery, and been trying to figure out how to turn my boring old radio buttons into the type shown on the right side of the themes page. Here's my code: <html> <head> <link type="text/css" href="css/ui-lightness/jquerycss.css" rel="Stylesheet" /> <script language="javascript" type="text/javascript" src="js/shiftzoom.js"></script> <script type="text/javascript" src="js/jqueryui.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"></script>
Is this possible? Autocomplete to search article titles on page with auto scroll (via link name anchor)?
That's a pretty long title, but here's my idea... if you could help me implement it, that would be great! Using the jquery autocomplete UI with an array of article titles that are displayed on a page (each title with a hidden <a name=""> tag) - Could the UI call the link either via some javascript link opener or some jquery scroll function I am unaware of...? Food for thought? Please get in touch if you have done this or know how to, I'd love to see it working! It would make a great admin area search
Resizing Google Maps with JQueryUI - getSize() only works if Firebug is on
I'm resizing Google Maps using JQueryUI (JQuery 1.4.2 and jQueryUI 1.8.1) I then call google's map.getSize to get the new width/height. Normally it gives me the old width/height (tested with Firefox and Chrome). If I have Firefox with Firebug turned on, it stores the new width/ height. Why does map.getSize() only work with Firebug? You can try it: http://www.energyjustice.net/map/globalmap You can resize by dragging the lower-right corner. Then use Save the Link to trigger the map.getSize(). Then
Creating a shopping cart from the Draggable
Hi all, -> demo http://bit.ly/9WxRiY I am having problems with using the draggable shopping cart. The value is automatically being added to the total before the item has been dragged to the required area. However, when I add an alert, the alert isnt called until i drag. Which confuses me to why would the value be added to the total? :-/ Firstly I have created a function which updates the Total. 'input:checked, .input2,' are checkboxes and radio buttons that update on click function calcTotal()
Next Page