Re-enabled menu requires two clicks to select
The code below exhibits the following problem: If a menu selection disables the menu, performs an Ajax get, and in the 'always' part of the get enables the menu, it takes one extra click on the menu before the menu selects again. (Load the code, click on '1' or '2', get disable and enable alerts, and click on '1' again. You need to click once more to see the same sequence. Tested in Safari.) <!DOCTYPE html> <html> <head> <link rel='stylesheet' type='text/css' href='https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css'>
trying to add if/else statement to drag and drop interaction in jquery
Hi, Below is the drag and drop interaction for jquery I am trying to use: It works but when I to add the if statements below to the interaction it does not work. Can anyone review my code and get back to me on to resolve this problem. $(document).ready( function(){ alert("ready"); $("#draggable-1").draggable(); $("#draggable-2").draggable(); $("#droppable").droppable({
label remains after blind in form field
how do i blind the label too when i blind the div in a form field?
Theme Roller working but no theme options on download page still
Theme Roller is working now but to download the JQueryUI from the download page no theme is able to be selected.
jquery ui dialog jumps sometimes
We have a tool (using jquery ui) which we can load through a bookmark. We use this tool to analyze the websites in our content network. Now I have the problem that the tool is positioned right on some sites. On other sites it's positioned offset, eg. sometimes at the end of the site or far too right. I discovered that on the sites where it is positioned wrong jquery ui puts an inline style with "position: relative". When I close the dialog and reload it the inline style has "position: absolute".
setDate JQuery doesn't work in IE
I have a JQuery function which works in FireFox and but stops in IE. The whole function is below but the error I am getting is on this line: I am using jquery-1.10.2 Unhandled exception at line 272, column in eval code 0x800a138f - JavaScript runtime error: Unable to get property 'setDate' of undefined or null reference depart.setDate(depart.getDate() + nights); The whole function ----------------------------- $('#dtCalendarFinalSubmit2').focusout(function () { var nights = parseInt($('#TextBoxFinalSubmitDayIncrement').val());
Following or commenting a bug
I am interested in jquery ui bug #10544: https://bugs.jqueryui.com/ticket/10544 I was wondering how I can find out updates on this bug (eg: status or when it will be fixes). Also, is it possible to add comments to this bug so that I can voice my interest in seeing this bug fixes as well. Thanks
Adding 7 days or 5 days to datepicker
I am developing an mvc application with some datepicker textboxes and Radiobuttons. What I need to do is, there is a dropdownlist box with values --Calendar or Business . When a user select a business and pick a date from the two datepicker textboxes,5 days should be added to start date so date difference between start date and End date should be 5 business days. When Calendar is selected, 7 days should be added to start date so the the date difference between start and End date should be 7 days.
jquery Date Format , date changes to today date
I have datepicker control to which when date is assigned there is some abnormal issues related to format. 1.When date returned in dd/mm/yyyy format from server side and jquery dateformat is set to dd/MM/yyyy then date does not change 2.When date returned in dd/mm/yyyy format from server side and jquery dateformat is set to dd-M-yy then date changes to todays date not as send by server side code
jQuery UI showing tabs as list
I am using the jQuery-UI tabs feature and for some reason the tabs are rendered as an unordered list instead of tabs. The markup seems correct, the tabs are functional and I am reading in all appropriate CSS. I have no idea what is going wrong.
How to translate jQuery UI
I’m a total beginner. I still hope that somebody will help me. On my site ( http://www.zelenoomrezje.si/novice.html ) jQuery UI - v1.9.0 is used. It is included in 3rd party extension for Joomla. I have changed a string 'Keyword' in file jquery.multiselect.filter.js and it worked. The change is visible on site. options: { label: 'Filter:', width: null, /* override default width set in css file (px). null will inherit */ placeholder: 'Keyword', autoReset: false }, I
JQuery UI Dialog content overflowing width of dialog
I created a dialog using the following code: $(document).ready(function () { $( "#sourcesDialog" ).dialog({ autoOpen: false, modal: true, width: 800, height: 600, resizable: false, show: { duration: 500 }, hide: { duration: 500 }, }); }); The code to open the dialog: $("#SomeElement").on("click", "button[data-nj='sourcesButton']", function () { $("#sourcesDialog").dialog("open"); }); The dialog html: <div
iPhone 4 Safari - Accordion not scrolling
I have an accordion up at http://mobi.witsstaging.grovegroup.info/contacts On the iPhone 4 using Safari or Chrome, expanding the bottom accordion element will render it's content up to the bottom of the viewport, but after that scrolling on the expanded accordion section is not possible. The user has to scroll using the thin strip of the background element which is visible on either side of the accordion. In my $( "#accordion" ).accordion({}); function I've tried various arguments on various properties,
Drag and drop prob !!!
My Script i want to move tools between "Part"s after i drag a tool from "Tools" and at the same time they be sortable in each part can any one edit My Script ???
JQuery 1.9.1 dialog pop up not working in 2.1.4 version
HI, I modified from 1.9.1 to 2.1.4 JQuery version. But after modified alert dialog pop up not working ? will 2.1.4 support backward compatibility ? I'm using IE 11 browser. Please help me to resolve. Thanks in advance. Newer: <script src="jquery/jquery-2.1.4.js"></script> Older: <script src="jquery/jquery-1.9.1.js"></script> <script src="jquery/ui/jquery.ui.core.js"></script> <script src="jquery/ui/jquery.ui.widget.js"></script> <script src="jquery/ui/jquery.ui.mouse.js"></script> <script src="jquery/ui/jquery.ui.draggable.js"></script>
Hours drop down loaded with blank on configuring hours step interval as 3
Here is the code: function setMinMaxTime(min, max){ $('#rest_example_1').datetimepicker({ controlType:'select', stepHour:3, hourMin: 1, hourMax: 20, timeFormat: 'hh:mm tt' }).datetimepicker(); } <input type="text" name="rest_example_1" id="rest_example_1" value="" onclick="setMinMaxTime(8,16);"/> if "stepHour:1" then selected hour is populating in hours drop down list and if we change it to "stepHour:3" then selected hour is not selected and showing blank in hours drop down list.
datepicker not showing year scroll bar
Good day. Here is simple code: $("#datepicker").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", minDate: '2003-01-01', maxDate: '2016-01-01' }); <input type="text" id="datepicker"> If click the year combo-box, the scrollbar is not shown. Why? How can I fix it? http://jsfiddle.net/s0u9tahx/
Authenticating all jquery tabs with google oauth
I have #href tabs and when we click on tab, there is a "GET" call to the file to be shown in that tab. I shifted to Google authentication but now load time has increased significantly. If we click on other tabs, it takes long time (mainly due to ssl and TTFB time), basically these tab contents should not take time (and should not take authentication time) since the user is already authenticated. In simple words After google sign-in (1st page loads fine) Rest all tabs take longer time due to google
How to connect to database for autocomplete when we need to choose previously selected values. Comma separated values.
I am facing issue to connect to database to get the autocomplete values. And i need to chose the previously selected values which will be comma separated. Any help will be appreciated. Thanks.
Widget Factory
I have a problem with jquery widget factory. I have a web app developed with widget factory. In this web app i have a 4 pages, ever i click in any pages, the console show me this message: Uncaught Error: cannot call methods on notify prior to initialization; attempted to call method 'create' Anybody can help me with this?? So, tks.
Need urgent help in making editable grid with drag and drop option
Hi Team, I am in very need of showing a POC using JQUERY UI , since I am new to Jquery UI and client side scripting, request your help in enabling editable grid. My requirement: 1) I have a generated UI using JSON. I have 3 loops to populate the data. 2) Each container has two sections. One section for list of images and another for data table. 3) I need an option to add new container. 4) I need an option to upload new images show in a separate container. 5) I need to drag sections between exisitng
Very Odd Button Differences
The submit and reset buttons on my dialog are displaying completely differently and I don't understand why. Does anyone see a reason for this? <tr><td colspan=2 align='center'><button id='addRecordSubmit'>Submit</button> <button id='reset'>Reset</button></td></tr>
Can't get resize event handler to work.....
I have a dialog that is resizable. I added a resize() event handler but for some reason it doesn't run when I resize the dialog. I put a breakpoint in the resize function (the line where I put the breakpoint is highlighted in the code below). But when I resize the dialog, the breakpoint never stops. Can someone help me figure out why? $(document).ready(function() { rows = new Array(); dialog = $("#addRecordDialog").dialog({ title:"Add Record", autoOpen: false, modal:
How to modify slider value dynamically?
I'm writing an edit / save slider function, and I got slider problem in edit mode. When I edit the time that I added to table, it shows the correct time but slider always start from 07:00-15:00, it couldn't match the time that I added. I think the problem is in the "values: [400, 920]" part, but I don't know how to make slider match the time dynamically, can anybody help? Thx :-) JSFiddle is here: JSFiddle
Navigate from my page to another website page and manipulate it with jquery
I hope I'm using the right forum.. If not please direct me to the appropriate. I have a Wordpress site. I need to implement the following feature: I want to navigate from one of my pages to another website page and add functionality with jquery to the displayed page(I don't want to alter the original website or its content at all). Is that possible and how? Regards I.Sher
jQuery UI Calendar wrong days in April-2016
Hi, Please see the screenshot, the month of April 2016 is rendered in a wrong way. see the difference between windows calendar and jquery ui calendar. Thanks.
UI dialog modal form with tabs - Problem to use tabs
Hi, I have a problem using dialog modal form combined with tabs and I dont find solution. Each tab is a form, i have to fill inputs form with a consult to the DB and user can edit it but form appears with blank inputs. Console show consult to DB its ok. I dont know if html form loads before or other tab is over tab with data. //Function edit used to obtain data from DB and open dialog form. Called click tr table function edit(Id) { var Id="Id="+Id; $.ajax({
Datepicker - specific days of the week
Hi, is it possible with Datepicker to only have all upcomming saturdays (for example) to be selectable dates? Best regards, Jos
Sub Accordions Not sortable after clone
I have an accordion with sub-accordions. When the user hits the "New Topic" button it will create a new accordion by cloning the first accordion in the list. When you try to sort them you can see the accordion dragging but the position does not update, it just goes back to the original position. Steps to reproduce issue: Click "new topic" Open newly created accordion Try to sort the sub accordions in there (you will be able to click and drag them but not reorder) ** The first two initial accordions
how to retain inline styles when swapped within the list
Hi , Please find the below fiddle where i am swapping within the list and everything is working fine, but i see when the texts are swapped the inline styles are being deleted. Can anyone help me how can i retain the inline styles even after swapping . Any help will be appreciated. http://jsfiddle.net/raving/so2fdqjs/8/ Thanks in Advance, Ravindra
fill in 3 fields from autocomplete
I have autocomplete setup on my site. It uses some ajax functionality to supply the drop downs that is fed back in json in that my selected data is city,state abbr, zip. What I end up getting is the city field, state field fill in properly, however the zip field is the whole data string. How do I modify the data that is selected. Here is my code. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Remote JSONP datasource</title> <link rel="stylesheet"
Passing data to Hidden Field Jquery Autocomplete with multiple values
I am have Implemented Jquery Autocomplete which works. But I want when the user click submit a hidden field is updated with the userId so I can save it in the database. I cannot get the hidden field updated. Below is my code. $(function() { function split( val ) { return val.split( /;\s*/ ); } function extractLast( term ) { return split( term ).pop(); } $("#SearchString") // don't navigate away from the field on tab when selecting
jqueryui autocomplete remove message "results are available, use up and..."
Hi, How i can remove message "results are available, use up and down arrow keys to navigate." from autocomplete function? Thanks Alexandre
Using JQuery UI for auto-completing form in WordPress
Hi everyone, I've been trying to embed jQuery and jQuery UI for my WordPress site, but the UI isn't loading at the moment. But first, I thought it would be a good idea to describe in detail what is it exactly that I'm trying to do. At the moment, I've created a request form where as soon as you enter a number into a field, it will grab the data from a PHP file and the form will autocomplete. I've created a file called autofill.js; jQuery(function(){ var ac_config = { source: "record.php", select:
Add class to selectable start and stop element
Hi, i need a availability calendar. This is what i have now: https://jsfiddle.net/6wfjm939/4/ So now i need to add a class "first" to the first selected day and a class "last" to the last selected day. For axample: I select 10, 11, 12, 13 then the on 10th should be added class "first" and on 13th "last. If i select only 10, then 10th got "first" and 11th "last". With this i want to mark check-in and check-out date. UPDATE: Because its a multiselect i need the class "first" and "last" at evary range
Problem with jQuery UI sortable in grid mode
Hi, I have found a very weird behaviour of jQuery UI sortable in grid mode. Initially I thought it has something to do with our implementation, but then I have found it on your example as well. It is using tollerance intersect. And a small modification regarding the size of the drop zone is added (the bug is present even without that) The moving of the placeholder is supposed to happen after you reach at 50% of the next item. However, even if you in the very beginning of the next/previous item and
jQuery UI Responsive Tabs to Accordion
Hello Team, Can you refer to below question and help me out, I am facing the exact same issue and no replies/answers to that question. jQuery Tabs to Accordion Responsive May be you can help. Waiting for your suggestion... Hashir
Not able to use selectable for SVG Element
Hi, I'm trying to use selectable plug-in for my d3.js chart on svg. It is working fine on normal DOM element but I don't know why it is not working on the svg elements like text. Here is the fiddle http://jsfiddle.net/mantrig/5b5698dr/ What I'm missing in it?
how can I set default text and value in jquery autocomplete and trigger select
I have an array of objects (assessorList), how can I set default text and value in the jquery autocomplete and trigger select. For example if I send second object from the array to the function then Assessor 2, Test should be selected with 1116512 in AutoCompleteAssessorID and all the statements under select should be executed for that selection. My HTML: <input style="width:300px" id="AutoCompleteAssessor"> <input type="hidden" id="AutoCompleteAssessorID"> My JavaScript: var assessorList = [{ id="1116542",
Lock draggable
How to lock a draggable after drop it in a droppable div?
Next Page