How does url() work, and why might it end up pointing to the wrong place for images that are part of a jQuery UI theme?
In jQuery-ui.css, I see the following: .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } I see what looks like a function call: url(images/ui-bg_glass_75_e6e6e6_1x400.png)
Dialog button focus is misshapen
Using the latest Chrome in Windows 10, any jQuery UI Dialog box close buttons (the default X in the upper right corner) have a screwed up focus shape. See below. This not only happens on my own dialog boxes, but also the preview ones on jQuery UI's site, so I know it's not an issue with the implementation on my site. Does anyone know what may be causing this?
I use Datepicker Widget
I use Datepicker Widget and i need do to close the month with arrows were only their names (previous and next). How i can do this?
two different jquery autocomplete with widget on same page not allowing mouse selection
using jquery 1.11.1 jquery UI - v1.11.2 I have two jquery auto-complete user controls in asp.net that using the mcautocomplete widget. The two auto-completes are in different .js files and are going against different data sources. The first ends up putting it's data into a cAgencyID class, the second and different js puts its data into a class called cClassID. The issue I have is when I have these two users controls on the same page which ever control is at the top does not allow for mouse selection
Bug DatePicker jQuery-UI - Year less than 1000
Hello, When I use a date lower than the year 1000, the DatePicker has some strange behavior, see two examples in Plunker: http://embed.plnkr.co/AFpkwKHDZA7rnU0sJiPh Selínger
Change Check All and UnCheck All Button
I have following code to have an Uncheck button button on the form. I would like to toggle between Uncheck and Check All when user click, The initial value on the button is Uncheck which the text change to Check all, but it does not change back to Uncheck all. Any suggestion is great appreciated, Regards, iccsi jQuery("#btnCheck").click(function(event) { alert($("#btnCheck").attr("value")); if ($("#btnCheck").attr("value") == "Check All") { $("#Mychk").prop('checked',
draggable overlap detection trouble
I have many div's that are spread across the screen. Each one is jQuery draggable on the x-axis. You could imagine it as a ui-slider with many handles. How can I write a function that will check whether when anyone of the div's which I may be dragging has overlapped any other div or div's? I would like a to have a global status indicating if any are over lapping and also a way to determine the id's of only the div's which overlap. This is what I have created so far but clearly I have buggered it
Autocomplete is not a function
I have read previous posts that says that the UI files are not loading correctly. I have tried everything, changing the order etc. Nothing seems to work. Error occurs when loading the page. Below you will see where I load the various files in the header tag. <link rel="stylesheet" href="jquery-ui.css" media="screen"> <link rel="stylesheet" href="jquery-ui.min.css" media="screen"> <link rel="stylesheet" href="jquery-ui.structure.css" media="screen"> <link rel="stylesheet" href="jquery-ui.structure.min.css"
JQuery UI, Replace and Push Down the Item Instead of Sort
I am new to JQuery, Trying to understand what can I do to extend the Sortable UI What I want to achieve is: I have a list | A | B | C | . | E | F | G | H | Where . is consider an empty spot. If I drag A to B, instead of swapping places that looks like | B | A | C | . | E | F | G | H | I want it to look like (A push to B (Original A spot opens), B push to C, C push to Open Spot) | . | A | B | C | E | F | G | H | Another example if I push B to C it becomes | A | . | B | C | E | F | G | H | Also if
Where can I get a minified copy of the jquery.js found in the external package?
In the getting-started page https://learn.jquery.com/jquery-ui/getting-started/ it specifies that you use the jquery.js bundled in the external directory. However, the jquery.js is not minified. If you want a minified version, do you have to go to the jquery page specifically, and if so the current version of jquery.js (1.11.4) bundled with jquery ui is v1.10.2, which doesn't seem to be available anymore, see http://code.jquery.com/ Where can I get a minified copy of the jquery.js found in the
Tabs with tooltips
Hi, I use tooltips (https://jqueryui.com/tooltip/ ) and tabs (https://jqueryui.com/tabs/ ) on my site. Texts with tooltips are part of tabs. Everything is ok when I use default behavior of tabs (https://jqueryui.com/tabs/#default). But, when I use loading of tabs with ajax (https://jqueryui.com/tabs/#ajax) and the code with tooltips is in external file which is loaded, tooltips don't work. Is there any solution of this? Thank you very much.
Dialog close when clicking link
Hey everyone, I have a made a page which show data from a database. When clicking upon a field a dialog box is opent, within this dialog is a form. This page is loaded into an index page using the .load function. Everything is working just except when i load a different page into the index.php the dialog stays opent. Is it possible to automaticly close a dialog when loading a different page into the index.php. i load the page using this function function info(){ $('#test').load('info.php'); } and
Jquery Selectable Disable
Hi I have managed to use the Jquery selectable grid and store the selected points into my database which allowed me to load the selected list items when the page loaded, however i would like to know is is possible for me to make items which have not been selected disabled so that the users will not be able to select from the items which have not been selected in a previous process?
Autocomplete prevent further ajax request to be async
Hi, I have a Problem that after a autocomplete selection, None of my async Ajax request are working async. They will be handled synchrone.. . Without doing autocomplete, my Ajax request are able to fire as async. It strange, the ui is not blocked, but the requests depends on each other.. . Does any one have the same issue recognized? I use jquery-ui Version 1.11.4 and jquery Version 1.11.3 Here is the autocomplete source Ajax code: $ ( '#request_for' ). autocomplete ({ delay : 1000 , autoFocus :
How to add a search functionality for jQuery UI Accordion and Tabs?
I have an html page that has tabs with accordions inside them. I have a need to search the content for specific items and go to that item, but I am stuck. The jQuery ui widgets block Ctrl+F. Does anyone know the best way to enable search and activate a tab then the accordion? Any help would be amazing.
Tabs keyboard functionality killed by sortable or draggable...
Adding either sortable or draggable to a tabs widget disables the keyboard functionality. This is easy to see using the example of tabs with sortable on the jQueryUI site. You can't use the keyboard to move between tabs and all accessibility is disabled. It's easy to modify this example to show that the same phenomena occurs for draggable. I understand that sortable and draggable are not considered accessible and have no keyboard controls. However, I should be able to add them to a tabs widget without
Multiple Slider widgets
Hi everyone, so Im starting to learn Jquery and have looked and played with the examples. My query is ive specifically being playing around with the Slider widgets, (vertical). My page prints one very basic slider. My query is how would I approach displaying 4 sliders on the page one next to the other across the page from left to right? My code is below. Any pointers would really help :) <!doctype html> <html lang="us"> <head> <meta charset="utf-8"> <title>jQuery UI Example Page</title>
Jquery autofill for dynamically created forms
Hi Guys I'm Trying to do autocomplete and autofill for dynamically created forms.Here by the reference link I came with static field of auto complete and autofill. But I need to achieve for dynamically created forms(add another/remove.).And here is the reference fiddlehttp://jsfiddle.net/q2kDU/ Here by the above fiddle. The label is autocomplete and the value is autofilled depending on the label's value.Here it is in static forms(Only one form). I need to achieve this in dynamically created forms(Add
DatePicker
Im new to jQuery, however I have a strong PHP / MYSQL background. I added data picker with the calendar icon to select a date ill later insert into a Database. This all works. My problem is in the formatting of the date. It currently populates as 09-22-2015 for example I'm trying to get Saturday 09-22-2015 for example without removing the mini calendar icon. here is the current code: initialization <script> $(function() { $( "#datepicker" ).datepicker({ showOn: "button", buttonImage:
[RESOLVED] jquery multiple autocomplete, remove selected item from the sql array
Hi Everyone, I am new to php and sql so apologise for not being very clear. I am doing a Multiple Answer Survey where people can select 3 of there "best" friends. I have all the friends name in a MySQL table. I want people to be able to select from a very long list of names so I have implemented autocomplete. The issue is that I don't want them to put the same name twice. Ideally I want the selected name not to appear on the list when typing on the next textareas. I came across this which does the
Bug?: Autocomplete with autoFocus and show options on focus
Hey guys, I've come across an issue when using autocomplete with autoFocus=true and using: .click(function (e) { $(this).autocomplete("search"); })to open the list of options. There's some kind of race condition where the first element in the list is selected for a second and then becomes deselected. Both features work independently but when combined there is an issue. Is this a know bug? Is there a fix or workaround? Here's some code. (I have extended autocomplete for categories, i also tried
Set JQuery selectable Tbody pointer events to none
Hi THere, I have a jquery selectable which is a table with many tbodys. Each tbody has TR and TD tags. I want to disable the pointerevents, it should not be selectable, clickable, or drag selectable for certain tbody's based on a conditional statement. I set the pointerevents: none, it works only for the <a> tag, but not on the jquery selectable tbody etc. Can you please advise? if (Online == false) { @:<tbody id="tbody_@(tbodyIDNum)" disabled="disabled"
Adding an icon to a JQuery dialog
Hi All... I have found many posts about how to add a custom icon in the Dialog title bar, and some on how to use an icon as a button. But none on just placing an icon next to the button as a decoration. Is this possible? Thanks!
How do I set the mindate for a datetimepicker using PHP
I have a page with a datetimepicker on it as per the link below. I want to (when the page loads) one time only set the min and max date/timestamp ranges for the DTP based on a database query that runs when the page loads. Can't seem to get that to work. Anyone got a clue please? sorry but I am a bit of a novice with java stuff, and don't see how it works with the PHP to exchange ideas. The values for min/max date ranges will vary depending on the database entries. DateTimePicker example Cheers Greg
How to send data via POST to a jQuery dialog within iframe.
Hello friends, I wonder if it is possible to pass data via POST to a jQuery dialog that contains an iframe and a aspx page. Our client is a bank and now I pass the data via GET but for security reasons we need to change. I appreciate the help. This is my scenario: function ShowDialogFund(portfolioId, operationType, marketType, tradeDate) { var url = "fund-list.aspx?portfolioId=" + portfolioId + "&operationType=" + operationType + "&marketType=" + marketType + "&tradeDate=" + tradeDate; var
as drag two or more items at once ?
como arrastrar dos o más elementos a la vez?
Display Today Date in the Input box
I would like to display the default date in the input box that is today when you activate the jqueryUI Thanks! https://jsfiddle.net/epret1qo/1/
Make the Input box to read, not select and delete the data
Is it possible that the you can only add data in the input box but not select and then delete the data. How should I do it in jQuery UI? Thanks! https://jsfiddle.net/epret1qo/
Make the Input box to read, not select and delete the data
Is it possible that the you can only add data in the input box but not select and then delete the data. How should I do it in jQuery UI? Thanks! http://jsfiddle.net/r48y09m9/
Selected Data that will be in two input directly
When I have selected a date, the data of 'from' should also have data in the input 'a' and 'to' should also have data in 'b'. In other words, 'a' is a replication of 'from' and the same thing for 'b' in realtime. How should I do it? Thanks! http://jsfiddle.net/9L67bjr9/1/
Autocomplete combobox not working in Iphone and Mac Safari
I am using jQuery UI - v1.11.4 in website application. I have implemented the feature of Jquery UI autocomplete combobox. Now this feature isn't working in Iphone browser and Mac Safari. In computer browser this feature is working perfectly well. I need the solution for this issue. Is there any other way to implement this feature specifically for iPhone / mac Safari? Need the solution urgently.
How do I create a new JQuery ui ticket
I have been trying since yesterday to post a new ticket to bugs.jqueryui.com, but I keep receiving the error: "Submission rejected as potential spam (Maximum number of posts per hour for this IP (127.0.0.1) exceeded)" How am I supposed to submit a bug?
Is it possible to suppress the browser's context-menu that appears when you right-click on a page?
I want to respond to a right-click via checking "event.button == 2" like so: "mousedown #imgPostTravelBottom": function (event) { if (event.button == 2) { $( "#dialog" ).removeClass('hide'); $( "#dialog" ).dialog(); } }, ...but although it works (the dialog displays - in the middle of the page), so does the browser's element-specific context menu; for example, when right-clicking on an img, the browser invokes a context menu which displays menu items such as "Save image
JQuery ui datepicker
hi, i had implemented jquery ui datepicker,but its not working. please refer my code i had written, <head> <meta name="viewport" content="width=device-width" /> <title>Test</title> <link href="~/Content/jquery.ui.all.css" rel="stylesheet" /> <script src="~/Scripts/jquery-1.10.2.js"></script> <script src="~/Scripts/ui/jquery.ui.core.js"></script> <script src="~/Scripts/ui/jquery.ui.widget.js"></script> <script src="~/Scripts/ui/jquery.ui.datepicker.js"></script> <link
JQuery Modal dialog and transparent background
I changed the Modal background from black to transparent by changing the overlay. Now, it allow users to interact with elements behind the dialog using Mouse. How do I prevent user interaction in modal dialog when the background is changed to transparent using .ui-dialog-overlay? It happens only in IE, in chrome and Firefox the uer intercation by mouse is blocked Thanks
Problems with jQuery slideUp and slideDown
I have a project in Wordpress, that has two sets of actions that display on a landing page - Current Actions, and Past Actions. The default state of both sets of actions is open. We are using jQuery "slideDown" or "slideUp" to hide and show the content. We are NOT using toggle. For some reason, clicking on a link specific to a Current Action or Past Action section, makes ALL the links close or open in a section in unison (all current-actions links, or all past-actions links). Everything is called
Invalid effect when passed to toggle method throws an exception only the first time its called
In code below, I am using toggle method from jquery ui library to animate a div. The first parameter is the name of the effect like fold or drop or bouce. When I pass an invalid effect like `xyz` then the code below throws an exception that gets caught by the catch block. However, on subsequent re-runs of the same code no exception gets thrown and also no animation happens since `xyz` is not a valid effect. Question : Why the error for invalid effect is only being thrown when this code runs the
How can I position a Dialog based on the cursor's position?
When I invoke a div with the "dialog" id like so: $( "#dialog" ).dialog(); ...it displays in the middle of the page. How can I get it to display elsewhere; specifically, with its NW corner at the tip of the cursor (in the case where I invoke the dialog on a right-click event)?
$(...).datepicker is not a function
I'm stuck on getting jQuery Datepicker to work as default. My console is giving the following error: $(...).datepicker is not a function Not sure why it is giving this error when I have duplicated what is in the jQuery site Datepicker source code for that demo. Trying to get it working in the "Make an appointment > Preferred Date" form field of the index.html page here: www thesecretveinclinic dot com/index.html
jquery UI date picker clone overlapping years how to calculate
With my current code I was able to do the year of experience caluclation how to check overlapping dates. For example if user select from the original div 19/5/2005 - 18/6/2015 once the user click the add more button in the cloned div if user select 19/3/2003 - 18/6/2016. It should say an alert message. /* dates starts here*/ $(document).on('click', ".btn_less1", function (){ var len = $('.cloned-row2').length; if(len>1){ $(this).closest(".btn_less1").parent().parent().parent().remove(); } }); /*dynamic
Next Page