Change in dialog(?) between Jquery UI 1.10 and 1.11 triggers noneditable textboxes in IE 11
We recently upgraded from 1.10.3 to 1.11.4 and that upgrade apparently triggered an error in IE11. We use JQuery UI dialogs (dynamically generated div including an iframe) to display pages that basically a lot of info as tabular data. We have an asp.net webcontrol tree on the left and an iframe to display a webforms page for the currently edited record In the dialog you can select one record and trigger the loading of the record down on the "normal" page. The dialog gets .destroy -ed and the dynamically
Using combobox with onchange command
I am unable to use the JavaScript onChange command with comboboxes. The code is on the underlying Select control, but it does not work. If I remove the jQuery that turns the select to the combobox it works. Is there some work around for this? Thanks,
How to style a text box
Hi, I am using Jquery Smoothness Theme and want to style the text button as per the theme. But I did not find any thing related to styling the text box. Can you please help me how to style the text box according to the smoothness theme. Thanks Nitesh
Arrange the li based on the custom postion
Hi, I am using sortable plugin to reorder the list (http://jqueryui.com/sortable/) Now, i need to get the position of the all the li, save it into the db. Also when the user logs-in again the order of li should be fetched from db and based on the same order the list should be displayed. Thanks in Advance.
Set Time Picker to mili second
I have following code to set my timepicker to the current time, but it only gets second. I would like to know are there any way to get to millisecond like 10:44:05.123 $('#dtpime').timepicker('setTime', new Date()); Your information and help is great appreciated, Sourises
jQuery-UI .sortable plugin does not work on Microsoft Edge browser
The jQuery-UI .sortable plugin works in IE (as well as Chrome & Firefox), but doesn't work in the Edge browser. Is there a fix? Here is example code that works on "everything" except Edge: <!DOCTYPE html> <head> <title>jQuery UI Sortable - Example</title> <link href="http://code.jquery.com/ui/1.11.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-2.2.3.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
Sortable issues - insert area doesn't show and dragging item drags list
I have a list that works fine using everything except IE 11. A user trying to drag an item into a list doesn't get the insert area and when trying to move an item in the list to a new location, the entire list drags (see screenshot). The "Do you have a symptom..." item is being dragged, but the entire "General Heart Failure..." list is moving. Since I'm new to jquery and I can't recreate the issue, I'm a bit lost as to how to resolve the problem. Edit: here's the relevant script: <td valign="top"
Replacing the dragged element (or drop on self)
Hi guys, I have some elements that are both draggable and droppable, but I can't drop an element on "itself", which I need to be able to do. I have made a simple test scenario here: http://master.siteloom.dk/files/test/draggable.php I just paint the background pink on the "over" event, and I need the dragged div to become pink as well (so I know it wil lbe accepted). I have search almost everywhere, but even though accept is '*' or a function that always returns true, I can't get it to work :(
DatePicker beforeShowDay Fuction not working
Hello, this is my first post or question. I am working on a website. I have a datepicker input and should disable some dates. Here is my code: var disabled_Days = ["4-19-2016", "4-28-2016", "5-1-2016", "5-10-2016"]; if ( $('input.date-pick').length ) { $('input[name="date"]').datepicker({ startDate: tour_start_date, endDate: tour_end_date, beforeShowDay: function(date) { var m = date.getMonth(); var d = date.getDate();
Get values from range slider -Jquery UI
HI I am using jquery-UI range slider to pick 2 values (min & max). I need to get the 2 values identifiers for using it in the php code I have. Could not understand what are the identifiers. please let me know what are they ? here's my code: <script> $(function() { $( "#range-div" ).slider({ range: true, min: 16, max: 120, values: [ 16, 45 ], slide: function( event, ui ) { $( "#amount" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] ); } });
Sortable UI
Hello I have successfully been able to get the default sortable list working, this works without any issues, however it doesn’t quite fit my needs. I need a similar list, however with 3 distinct columns (rows will contain linked data)... ideally, reordering by selecting and moving any item in any of the 3 columns. Can this be achieved ??...assuming so, I am looking for advise on how the default code could be modified Thank you
Change the draggable Function to work on click event.
I want to make the Jquery UI draggable to work on the click event. Like i want to click on the item it added to the canvas area. This is the code for a html builder i want to update the functionality of that builder Need help.
jQuery autocomplete will not loop through XML data
Hi, I'm struggling to connect my code to the xml file so it will loop through the data, here is my code so far; $(document).ready(function() { setTimeout(function() { $('#_Q0').autocomplete({ source: function(request, response) { $.ajax({ url: "brands.xml", dataType: "xml", type: "GET", success: function(xml) { var results = []; $(xml).find("brand").each(function() { if (results.indexOf(request.term.toUpperCase()) >= 0) { results.push(results); } }); response(results); } }); }, autoFocus: true,
Jquery Draggable effect lots after transferring divs
Im new with Jquery UI Draggable. heres my problem, I have 2 Divs which items may be transfered between two divs. Why does the draggable effect lost when a div transferred to other div then returned? I cannot use helper clone. element must be draggable at all time. Here is to replicate the issue on jsfiddle https://jsfiddle.net/w7vjuuqx/7/: drag and drop the blue box from red box to green box. drag and drop the blue box from green box to red box. repeat step 1. here the drag effect lost. HTML: <div
Jquery Tabs:call tab inside a Tab
How do I call a nested tab inside tab from an external link ? for example : I call a tab from external link by using "serve.comp.com/index.html#parent-tab-1" , how do I extend it to the nested tab ? Any help is highly appreciated. Thanks In Advance.
advanced .selectable
Hello! Is it possible to make advanced .selectable with following ability: 1. Select ability as it is now. 2. Last value in dropdown list is input for write my own value (like general select). Thanks.
Draggable jumps at the first drag
Please refer to this jsFiddle example. I want the draggable being dragged into the sortable section so it could be sorted. At the first time dragging the draggable, it jumps out of viewable area. Yet it is still draggable. It just doesn't stick to mouse cursor. There is a very similar demo on jQuery UI's website. Somehow it doesn't have such an issue. The following code is the HTML page of my example. It could also be downloaded at here. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">
select statement instead for whole document for a subdocument (Tab content)
Hi all I have a TAB constellation with 3 TABS 2 of the TAB content html documents (Panel, MAP) are containing some equal ids because the same datapoints must be displayed (Manual Operation, Robot Stop) for actualization of data I'm looking for a selector to select only the document in the active tab and not the whole DOM. Otherwise just the first element with the id will be found in Panel, but not the second in MAP. // Map dynamic data function MapData(){ var active = $('#tabs').tabs( "option",
How to disable dates from mysql using jquery ui datepicker?
let's say you have a car rental system. you want to disable the startdate and the end_date for the cars that are already booked.
JQuery UI Dialog invoke external URL
down votefavorite I need to open an external URL(an .aspx) using JQuery UI Dialog, but the thing is I need to pass parameters to the url and then retrieve those parameters from the .aspx I used to use window.showmodaldialog(url,parameters) and then from the .aspx window.dialogArguments... But because Chrome deprecates "showmodaldialog" sentence, I need to replace it using JQuery UI Dialog. My code now: (Im not sure if it's ok and can't figured out how to retrieve parameters from the .aspx) HTML:
Change time format 08:00 pm to 20:00
Hi, On my website, time will be displayed in english format am/pm. I want to use European standard 24:00h. my jquery-ui-timepicker-addon is attached, I am not sure which code line I need to reconfigure, because of 1000 lines of code. P.S. I am new on this forum. Sorry if I posted this in a wrong forum room. Thanks
How to append .button() styled checkbox input to parent form
Hello, Like the subject says... So I was "successful" in re-styling a checkbox using UI .button(). However, I suspect that this has had a peculiar side effect; if I understand correctly, the original control(s) are destroyed, and recreated. Fine, fair enough. But they are re-created outside the original form, so therefore are not included in the postback. So, ... appendTo to the rescue? Only, I try this, but it doesn't seem to work? I could be using it wrong. $(function() { var wizDiv = $("#wizardDiv");
VS2013/15 ASP.NET VMC jQuery UI migration path
Hello, I am trying to install, which involves some upgrading, from jQuery UI. I am aiming at installing the UI widgets, for button, checkbox, and other support, as painlessly as possible. I am trying to get there by installing jQuery UI Widgets: All, which seems like as sensible a bundle as any of them. Here is my NuGet output: Attempting to resolve dependency 'jQuery.UI.Widgets.Accordion (= 1.8.9)'. Attempting to resolve dependency 'jQuery.UI.Core (= 1.8.9)'. Attempting to resolve dependency 'jQuery
save position after drag item plz help me!!!!
well...... i'v built a code which allows people to drag items and create a new page... this is the html code: <section class="has-border"> <div style="width: 100%; height: 1000px; background-color: lightyellow;" > <span style="font-size: <%=s1 %>; color: <%=color1 %>" id="makeitmove"><%=request.getParameter("p1")%></span> <span style="font-size: <%=s2 %>; color: <%=color2 %>" id="makeitmove3"><%=request.getParameter("p2")%></span> <span style="font-size: <%=s3 %>; color: <%=color3 %>" id="makeitmove4"><%=request.getParameter("p3")%></span>
Shopping Cart ... Then what?
I believe I can build a jQuery shopping cart using the samples and information on this site, but then what? How do I pass the items to a purchasing system (in this case it would be asecurecart.net)? Is it as simple as adding a form linking to the account for asecurecart with a button inside (or outside) of the cart.?
Jquery autocomplete combobox scroll issue.
Hello everyone, I am using jquery auto complete combo box in my code with scroll bar.Issue I am facing is as below. Once page is loaded then you click on show all button.it will show all the results.Now scroll till end of result. then close the list without selecting any option i.e click anywhere outside result list. Now once again when I try to open the list by clicking show all button scroll position is set to end of list.I want it to be at top of list. Code i am using is as below. <!doctype html>
how to display the content of an HTML table row in a jQuery dialog?
Have the following HTML code: <body> <table> <tr> <th>Marque</th> <th>Model</th> <th>Name</th> </tr> <tr> <td>HP</td> <td>G480</td> <td>PC-HP-G480</td> </tr> <tr> <td>DELL</td> <td>Latitude</td> <td>PC-Dell-Latitude</td> </tr> </table> </body> How to display in a jQuery dialog box the content of an entire row by simply clicking on this row? Example: When you click on the second row, a dialog box opens and displays: Marque: HP Model: G-480 Name: PC-HP-480 Can u send please the jquery code and the
MouseOver event with datepicker
Hello! I have to get MouseOver event for each day in datepicker, but I can't find if it is possible. Could someone help me to resolve this question? Thanks.
Weird glitch using .tabs() in combination with htpasswd credentials in URL
Hi, i came across a weird behaviour of the jqueryUI .tabs() function in combinaction with a password protected Folder on my Server. In order for users to access this section the browser based on Chromium 47 sends the credentials in the URL:http://user:pass@page.com and due to this combination the Jquery tabs seem to load the whole page head or the complete page into the tab content for some reason. Same happens with Chrome 49 and Firefox on my Computer. I could reconstruct this behavior on the jqueryui
Using Sortable, is there a way to monitor the event when an item is moved from one list to another?
Here is the demo I am looking at: http://jqueryui.com/sortable/#connect-lists I want to be alerted whenever an item is exchanged between lists. Is there a function that handles this? I have already tried this: $("html").on("dragover", function(event) { event.preventDefault(); event.stopPropagation(); $(this).addClass('dragging'); }); $("html").on("dragleave", function(event) { event.preventDefault(); event.stopPropagation(); $(this).removeClass('dragging'); }); $("html").on("drop", function(event)
Change The Style On Some Elements Without Changing All Of Them
I'm working on a website where we want to change the style on some of the elements that use the .ui-state-hover class without changing the style on all the other elements that use the same class. I can easily create a new class with the styles I want. What is the best and easiest (and repeatable) way of adding that style to the specific elements without writing new jquery script? Is there someplace in the existing jquery.js files that I can specify if the element has an id of ____, then use the
Combining jQuery accordion with xml loop
I'm trying to put an xml loop in a jQuery UI accordion, but it's only the first loop that gets displayed in the accordion, the rest of the loops goes outside for some reason. How can I make it work with each loop? This is the accordion script (I've taken out the xml url and foreach stuff for simplicity) $(function() { $( "#accordion" ).accordion({ heightStyle: "content", collapsible: true, active: false, activate: function( event, ui ) { if(!$.isEmptyObject(ui.newHeader.offset()))
Datepicker Custom Buttons layout issue
We have added 2 custom buttons to the bottom of the date picker. They work great but when the buttons are showing and the datepicker decides to go above the input field, it blocks the input field. If the buttons are not showing then it works as expected and does not block the field. How can we make the date picker appear above the input field and not cover it up? Below is the code that creates the two custom buttons. Thanks. $(function () { $('.datepicker').datepicker({ showButtonPanel:
installing compatible version
I'm using Visual Studio 2015 to do an app in Apache Cordova. I have installed Jquery 2.2, but when I try to install also Jquery.ui, I'm not able to find a compatible version. Is there any one? Thanks.
show next month in jquery ui datepicker
hey i am sorry my code is kinda long but you dont have to read it. I need a functionality i couldnt implement yet. my code is here http://jsfiddle.net/xz4ftbv4/23/ line 253 and line 330 for datepickers. I have two datepickers. Let say i choose March 16 "from" and March 31 "to" . When i create next element i want to show April 1 in "from". But i see all disabled dates of March. How can i fix that thanks. Please create datepickers with plus select 16-31 then create another with plus you will see what
How to establish a paging on the tabs with ajax
How to establish a paging on the tabs with ajax
How to trigger a slider change event?
So I have a slider widget that I set some values on and now I want to trigger it's change event so it can process as per normal the "slide" process of the control. So my current process looks like: var value = getSomeValue(); $("#slider-vertical").slider("enable").slider("value", Number(value)); // now I want to trigger the change event on $("#slider-vertical").slider // I've tried a number of things but nothing seems to work.. e.g., $("#slider-vertical").slider("change") (syntax error)... $("#slider-vertical").slider().change()
"ui-slider-handle" goes outside of "ui-slider"
I want to make slider like above but I couldn't make "ui-slider-handle" inside "ui-slider" .Highlighted "ui-slider-handle" goes outside of "ui-slider" is there a way to fix this.
Datepicker Range - Dont want unselectable day when i use maxDate
Hi!, I'm using range datapicker in my web and I need know when I select the ranges dates (#from and #to) that if i open again ('#from').datepicker that the date selected in (#to) appear selected with a class in (#from)... I was using maxDate in "onClose" but this option disable the next dates and i need that user can select other day out of the range. Thanks!!!
jQuery UI Dialog issue
I have faced this many time with different controls. What happens is, when control like DevExpress RichEdit, SpreadSheet, or Telerik Editor is being used inside a jQuery UI Dialogue, and when we open the dialog on a button click then these controls inside the dialog won't be loaded properly (I mean loaded without any CSS). This also happens with many jQuery widgets that I use inside jQuery UI Dialogue. To sort this out, what I do is, put the same control outside jQuery UI Dialogue with display:none,
Next Page