tab is not displaying propely
Im creating a dynamic tab, shown below is the code. function addTab(tabCounter, tabName) { var i = tabCounter; var tabTitle = tabName; var a_el=document.createElement('a'); a_el.setAttribute("href", "#tabs-" + i); a_el.appendChild(document.createTextNode(tabTitle)); var li_el = document.createElement('li'); li_el.appendChild(a_el); document.getElementById("ul_id").appendChild(li_el); var par = document.createElement('p'); par.appendChild(document.createTextNode("content for added node " + i)); //add
Dynamic tooltip content & Dynamic DOM
How do I use UI Tooltip with dynamic content? I want to init a tooltip that will show for every LI node inside the container. The LI nodes are dynamically changed and each tooltip should display dynamic data based on the state of each LI (and not based on a static attribute set onto the node). The LI states change over time, based on user interaction (the LI are added / removed too from the DOM). <div id="container"> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div> I can use something
Sortable lists with tabs not posting for receiving list
I'm looking to use Sortable with tabs. I have things setup to the point where they sort between tabs, however when I drag something from one tab to the other, the function that posts the results only runs for the sending list, not the receiving. Can someone advise what I am missing to handle this? I have a feeling I need to add something after the .appendTo section, but I'm not sure what that would be. Below is my code: <style> #sortable1 li, #sortable2 li, #sortable3 li { margin: 0 5px 5px
Getting datepicker to count number of days and show the days in between
Hi, Thank you for developing jQuery UI datepicker. It is so user-friendly and beautiful, we don't have to code a calendar all from scratch! I am using the datepicker to show 2 calendars and it is working great! But I couldn't get the number of days to show and I couldn't get it to list out the days in between... Please help me! It might be some stupid mistake I made hahah. For a start I couldn't even get it to count number of days... My code: <script> $(document).ready(function() { $(
Autocomplete search result with only one record problem while selecting
Database query result: <dict> <product> <id>12345</id> <value>Product Name</value> </product> </dict> Js code: $(element).autocomplete({ source: function (request, response) { this.$autocomplete(function (result) //server side function to fetch data from db { response(JSON.parse(result).root['dict'][product]); }); }, minLength: 2, position: { my: "right top", at: "right bottom" }, select: function (event, ui) { console.log(ui.item
jquery.ui.menubar.js and css download links
Hi , I was using jquery.ui.menubar.js in production with a ref to CDN GET http://view.jqueryui.com/menubar/ui/jquery.ui.menu.js 404 (Not Found) home:26 GET http://view.jqueryui.com/menubar/ui/jquery.ui.menubar.js 404 (Not Found) home:27 GET http://view.jqueryui.com/menubar/themes/base/jquery.ui.menu.css 404 (Not Found) home:44 GET http://view.jqueryui.com/menubar/themes/base/jquery.ui.menubar.css 404 (Not Found) But now im getting 404 for all the required files. where can i download them, its very
Datepicker plugin - date question
Hi there, I've been given the task of modifying an existing booking calendar for a hotel. I didn't code it initially and I am admittedly not a jQuery/Javascript coder so my language may be off. The booking calendar can be seen here: http://www.thelistelhotel.com/ (top right dropdown, in red) Essentially, the powers that be would like for the "check out" calendar date to default to the day after the date chosen for "check in". I have tried various 'minDate' and 'maxDate' configurations to no avail.
Datepicker plugin - non-contiguous dates
Can datepicker be configured so that only certain non-contiguous dates are selectable (and visibly so)? - I need to set up an enquiry form for a resort which has pre-set trip dates throughout the year, occurring roughly every 3-4 days, and allowing booking up to two years out into the future. It's based on flight dates so if they could choose arrival and departure dates - both from calendars showing only the available flight dates, it would be perfect!
Jquery submit button validation
Hi, I have a jsp page where some rows are displayed to be pushed to database on clicking submit button. Before submitting the rows user has to select an option from dropdown list. My validation should be 1. If user selects no records & no option from drop down box, alert with 'Message X' 2. If user selects at least one row but no option from drop down box, alert with 'Message Y' 3. If user selects at least one row and one option from drop down box submit the form. Below is the code which is not
downloadbuilder license ?
Hello, I just found out that the downloadbuilder is available for download at https://github.com/jquery/download.jqueryui.com but i can't find any licensing information. Is it allowed to integrate the builder in my own page for a having a theme generator that delivers themes for a specific version of jquery ui ?
jquery tab example not working
Hi, The example on http://jqueryui.com/tabs/ isn't working and all I get is the screenshot below. What am I missing? Thanks.
JQueryUI Tooltip and HTML Content - onclick event and function calls
I've created a JQueryUI tooltip and it works fine. In the HTML content, I create a button. In the onclick event of that button, I'm making a javascript function call that has parameters. $("#MyConvolutedControlName").attr("Title", "<input onclick='MY_POPUP('./MyPage.aspx', 'height=750,width=750');return false; type='button' value='CLICK EEEEET' /><br />"); $("#MyConvolutedControlName").tooltip({position:"center right"}); As you can see, I'm having problems with quotes and parameters. I've played
How to fill the form after select autocomplate?
I have database like below and my form like below : form ID is autocomplate. when i select data from ID form. then name, address and telp will be filled. <script> $(function($) { $( "#id").autocomplete({ source: "search.php", minlength: 4, width: 512, select: function( event, ui ) { // what should i do here........??? } }); }); </script>
jQuery UI Using Submit button to force HTML form validation and premature closing of dialog
I have an interesting issue. I want to take advantage of HTML form validation and have been successful in doing so using the following code: $( "#form_0000" ).dialog({ autoOpen: false, show: { effects: "fade", duration: 200 }, hide: { effects: "face", duration: 200 }, height: 300, width: 600, modal: true, buttons: { "Sign On": function() { console.log('#form_0000.dialog-
Sortable issue when using a UUID as primary key
I am trying to use Sortable on a number of items. The issue is that the primary key of each item is a UUID that contains _- characters. This causes issues when I call $(this).sortable('serialize') on the update as it looks like the internal regular expression splits on [-_=]. Does anybody have a suggestion of an alternative way to serialize the ids so that I can POST them to my webserver? Thanks, John
datepicker + timepicker: disable slider on specific date
I'm using the jQuery datetimepicker from this link. I hope i can ask a question here since it uses the jQuery UI for the datepicker. I'm using the datepicker with slider for hour and month enabled. How can I disable and hide the minute slider, when the user selects a date that is more than X days away from today? Example: Max range for hour / minute usage: 1 month user selects 01/05/2014 - hour / minute still enabled / shown, user can select both user selects 01/01/2014 - minute should be disabled
Also display thw date just inputed
http://jqueryui.com/datepicker/ I want to when user selected the date and then click submit. After history.back to original page. It is also display thw date just inputed
link button click then dropdown in dialog should bind with the current button click value
hi there I have a scenario where a linkbutton click event a dialog with dropdown popup but the current value of the linkbutton is not selected in dropdown how do i acheive this that when i clickon the link button value the value in the dropdown should be elected for edit
Access element that previously had focus when closing jQuery dialog
In #8730 the functionality was added to reset focus to where it was in the DOM before the dialog was opened when the dialog closes. Is it possible for me to access that element using a variable or something to check whether that element still exists? The scenario I'm dealing with is that we open a dialog from a menu, so when the dialog closes, the menu has already closed and the button used to open the dialog (that had focus) no longer exists in the DOM. I'd like to check if it exists, and if not,
problem with button+dialog
Good day! There is the code: <button class="config-button">site1</button> <form class="config-form" method="post" title="site1"> Number: <input name="period" value="1" /> </form> <button class="config-button">site2</button> <form class="config-form" method="post" title="site2"> Number: <input name="period" value="2" /> </form> <button class="config-button">site3</button> <form class="config-form" method="post" title="site3"> Number: <input name="period" value="3" /> </form> $('button.config-button').click(function()
Don't want to allow additional characters to be typed in textbox using auto-complete
http://jqueryui.com/autocomplete/ I would like user to be able to type and auto complete a string, however if that string is NOT in the list, I don't want to allow additional characters to be typed in textbox. So the auto complete would ideally block additional input if that input does not exist in the list. How can I do it?
busy indicator not working for ajax call on IE8
i am using jquery.blockUI plugin for blocking a page and displaying the busy indicator while an ajax call is in progress. the stuff is working great in mozilla, but on IE8 the parent page just freezes for the duration of the ajax call but does not shows the busy indicator. when the ajax call is made asynch: true, the page does not freeze and the busy indicator is shown but only for a moment, which is again not acceptable. the same thing, however works fine in case of non ajax calls. please help,
trying to use the jquery UI dialog model form but unable to find out which files in the download are needed for it to work
HI guys I want to use the jquery UI dialog modal form but I am having trouble finding out which js files out of the jquery UI download are needed for it to work. how can I find this out? thanks
Multiple accordions, only want one open at a time
I have multiple accordions on a single page, I would like only one accordion open at a time, so if I have Accordion1 open, and I click Accordion2, I would like Accordion 1 to close. It works this way if I click the accordions from the menu list at the top, but not if I click the individual accordion divs. Sample here Thanks for the help!
jqueryui datepicker documentation mislabeled
http://api.jqueryui.com/datepicker/ The events: beforeShow, beforeShowDay, onSelect, onChangeMonthYear, onClose are mislabeled under the options column.
jQuery + Ajax + PHP + database
Hi guys, I really need a hand over here! So I have a WordPress HTML form and i have a SSN field with autocomplete, and based on the value that user inputs in that field I need to populate the rest of the form from the database which works fine when the user selects what autocomplete returns, but if the user inputs or copy pastes the SSN number into that field other fields aren't populated. I've tried with Ajax but I have no experience in it and it doesn't seem to work. Some help please :( Here's
jquery-ui resizable lazy call on event
Hi all, i have an element that is loaded and created on a user event. My problem is,that if i call directly into the <script> tag, it works <script> $('th').resizable(); </script> if i call : <script> function callOnEvent() { $('th').resizable(); } </script> it just doesn't want to work. The chrome console says "undefined is not a function" How can i fix this ?! ***** the same error i had with jstree trying to reload it, and in other places that right now i don't remember. Thanks AiU
Droppable "over" and "drop" occassionally don't fire. - RESOLVED
I've created a simple planner where the user can Drag and drop their items into allocated time slots. They can also resize these items. When an item is resized, dragged over or dropped onto a droppable I need to check for collisions. 90% of the time everything works fine. However the other 10% of the time the droppable events 'over' and 'drop' don't fire. There is nothing special about dragging its all default jQuery stuff as is the resizing. Note that the resizing is locked so it will increment
Memory leak using JQueryUI-1.10.3 in IE 8
Hello Experts, i have developed a web page which is loaded/displayed into a webbrowser control. i observed huge memory leaking in my application. after digging i identified memory leak is due to the usage of JqueryUI . to find out the root cause i modified my page to a very simple page like below. <!DOCTYPE html> <html> <head> <title>Sample test page</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=8"> <script type="text/javascript"
Issue with Resizable with Constrain-Area on Demo Site
Using Google Chrome Version 32.0.1700.107 @ http://jqueryui.com/resizable/#constrain-area . the resizeable area extends below the containment box so it isn't actually contained.
how to select positions <a> onSelect for firefox in datepicker?
$('.font_datepicker_page').datepicker({ onSelect: function(dateText, inst) { //I need to get X & Y. var targetOffset = $(event.target).offset(); SelectPresentByDay(dateText, targetOffset); }, changeMonth: true, altFormat: "yy-MM-dd", yearRange: "2002:2012", }); function SelectPresentByDay(date, targetOffset) { html = 'text'; $(".calendar-item-popup .box-cont").html(html);
Tabs - Multiple Tabs
Hello all, I have a situation where I have multiple tabs on a single page and it works great. My problem is, I have an event that adds a new tab to one of them. When this happens, it is adding the tab to both of the 'tabs' elements. They have unique ids and all that. I am wondering, is this a bug or am I doing something wrong here? ~S
Accordion Overflow. Want content to flow out of accordion...
While the accordion takes up 45% of the page in mobile an tablet I want the content of my accordion to take up about 90% of the screen when opened. I have been looking everywhere and tried many things but can't figure out how to do this? I would of though there is a way that should be pretty simple? Thanks for any help!!!
ComboBox when pressed creates a popup box
Hi Guys, when the combobox is pressed it creates a popup page. Instead of the popup box . Attached picture is the problem that am facing. As you can see the left picture is the problem it covers the whole page. But when you hit the "X" mark (on the left picture) and press the combobox again it goes to normal combobox shown on the right. Thanks for the help guys. BTW were using these plugins. <script src="scripts/jquery-1.10.2.min.js"></script> <script src="scripts/jquery.mobile-1.3.2.min.js"></script>
Force accordion to focus at top
I have an accordion of 4 elements each of which opens to more than a screen's worth of text. Reading to the bottom of each section requires scrolling. Once there the next accordion is visible. When that new section is clicked it opens by expanding to the top, leaving the window focused on the bottom of that section. So you have to scroll back up to begin reading at the top of that section. Not good. Any way to keep the focus at the top of each section when it opens? Or, failing that, at the top
jquery ui widget 疑问
jquery ui 1.10.3版本 jquery.ui.widget.js中第48~59行中 constructor = $[ namespace ][ name ] = function( options, element ) { // allow instantiation without "new" keyword if ( !this._createWidget ) { return new constructor( options, element ); } // allow instantiation without initializing for simple inheritance // must use "new" keyword (the code above always passes args) if ( arguments.length ) { this._createWidget( options, element ); } }; 请问高手们什么情况会走红色部分，如果走红色部分不是死循环吗？
Jquery autocomplete not working in mvc 4 app
Hi, i have tried all jquery available from jqueryui.com in my mvc 4 app, everything is working fine. only the autocomplete jquery is not working. please help me
Jquery date picker conflict
This code is causing the jquery date picker to not function. Any idea why?: <script src="js/vendor/jquery-1.8.0.min.js?v=3.2.718" type="text/javascript"></script> <script src="js/vendor/maskedinput.min.js?v=3.2.718" type="text/javascript"></script> <script src="js/prototype.js?v=3.2.718" type="text/javascript"></script> <script src="js/json2.js?v=3.2.718" type="text/javascript"></script> <script src="js/protoplus.js?v=3.2.718" type="text/javascript"></script> <script src="js/protoplus-ui.js?v=3.2.718"
creating a menu where every item has a custom icon next to it
I'd like to create a popup (like a div) that appears when you do a mouse-over of a little icon at the bottom of my screen. The little icon is called "more", and it should show a white box that contains some icons, associated text, and the icons and text should link to pages. I looked at the menu feature of jquery-ui, and it seems that the icons provided are not icons that I would provide, but rather general icons. So what is the best way to go about this? (For an example, on www.google.com, you
Disable HTML rendering in jQuery UI tooltip widget?
Hello, I'd like to be able to configure the tooltip widget to simply display whatever text I give it, rather than try to interpret HTML tags and entity references. Is there a way to do this? Or a simple hack to make it work? Thanks, Evan
Next Page