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.
Async Improvement to check if it's completed from external code
Hi, I'd like to propose a change to the QUnit async function that I found useful. Specifically testing if another async function has not completed this could be a cause for issues. Therefore this change proposes a way to check for this by attaching a state variable to the returning function: // Increment this Test's semaphore counter, then return a single-use function that // decrements that counter a maximum of once. async: function() { var test = this.test, popped = false; test.semaphore += 1;
Clear all data and turn back to default settings
Goal: When I click on the clear all button and the data inside of the input box should be empthy and the dropdownlist should go back to default settings that is year 2009. Problem: I don't know how to do in order to make the dropdownlist to go back to default when you have pressed the button? Info: Please remember that I do not want to make any big changes in the current javascript/jquery source code because it is used in production phase. I would like to make a complementary or add ing new code
Button alert function not working when loaded with ajax
I have a search form in my page1.php file, which is targeted to page2.php, which displays results. I have a button in my page2.php, which on click, alerts "hi", like; $(document).ready(function() { $('#alertbtn').click(function(){ alert("hi"); }); }); This works fine when page2.php is loaded separately, without using page1.php's search form. When I search using page1.php's form, and when page2.php appears, the alert function is not working. How can I fix this?
How to reference a Wordpress page in an Ajax function
I am using a jQuery Ajax function on a Wordpress page. There are 5 "tabs" on the page, which call five separate pages of content to fill a div container on the page. I do NOT want to use jQuery tabs. The Ajax works great. The only problem is that I can't figure out how to reference a page in Wordpress, I have tried: - using the "shortcut" code for the page ("http://www.maxwellparknc.org/?p=450") - using the page name with the ID appended {"nat-crime-patrol-overview?page_id=450") - using
Clear all data and turn back to default settings
Goal: When I click on the clear all button and the data inside of the input box should be empthy and the dropdownlist should go back to default settings that is year 2009. Problem: I don't know how to do in order to make the dropdownlist to go back to default when you have pressed the button? Info: Please remember that I do not want to make any big changes in the current javascript/jquery source code because it is used in production phase. I would like to make a complementary to the current source
Does adding a CSS class programatically add multiple instances of that class if the reference already exists?
Does adding a CSS class programatically via add multiple if it already exists? IOW, with code like this: 'change #date1Shift1JobLoc1Count': function(event) { var d1s1jl1Count = $('date1Shift1JobLoc1Count').val(); if (d1s1jl1Count > 1) { $('date1Shift1Worker5').removeClass('hide'); } else { $('date1Shift1Worker5').addClass('hide'); } } ..if date1Shift1Worker5 already had the class 'hide' applied to it, would an additional 'hide' be added and, if so, is that a problem
Why am I getting 'undefined' when evaluating the value of a select element?
I'm using this code to try to retrieve the value of a select element (which contains 1..10): 'change #date1Shift1JobLoc1Count': function(event) { var d1s1jl1Count = $('date1Shift1JobLoc1Count').val(); if (d1s1jl1Count > 1) { $('date1Shift1Worker5').removeClass('hide'); } else { $('date1Shift1Worker5').addClass('hide'); } } ...but, after selecting the "2" option, the value of d1s1jl1Count is 'undefined'. Why?
Using Plug-ins in External content to be loaded with AJAX
I have been trying to learn how to “bind” whatever jQuery is in the external files to the recipient document. When I use .LOAD to bring in external content that has HTML & CSS Markup in it, those HTML and CSS markups get seen by the browser The fact that the browser finds the HTML & CSS markup and renders them appropriately suggests to me that they are in the DOM. If they are in the DOM, why can’t jQuery find them without any other code support? I have played around with .on to no good result and
Looking for an image map?
Okay, here's what I need. I am creating a website for our annual Fall Festival. I would like vendors to be able to register online and be able to pick a numbered spot on the map. When they pick their number i want that spot to be X'd out, or grayed out so it won't be chosen. Is this possible to do with jQuery? Is there something already out there that I can use, or can try to modify? Thanks in advance!
External header not hiding when showing internal header
Hello! I'm using an "External toolbar" as a persistent header. The thing is that some of may jqm pages (login and others) doesn't need this header. Here it says: If you navigate to a page that does not have a header or footer within it these toolbars will persist. Otherwise they will hide to allow the page's internal header and footer to show. It look really simple, just need to add other header to the pages that dont need it. The problem is that when I do it the external header keeps showing. Here
Making sure AJAX loads & visitor wont need to refresh
I am using .load to bring in two chunks of content as a page is loading. Most of the time this works well. This is a site that is not public yet. It is in development. Some of the time the AJAX content does not load and the visitor sees a crippled page and would have to do a browser refresh. A browser refresh action does cure the problem. What can I do to make sure the AJAX content loads when the page loads so that the visitor does not see a crippled page and need to use REFRESH? Here is the code
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
Time Disable In DateTime Picker.
I have two time picker one is used to select the starting time and other one is used to select the end time.lunch time (1'o clock) (start time) and (2'o clock)(end time) must be disable how i can do it .please give me the idea.
Keith-Wood DatePicker onSelect not working when rangeselect is true
I'm using Keith-Wood DatePicker Plugin and adding below code in my project $('#ArrivalDate').datepick({ changeMonth: false, dateFormat: 'dd M yyyy', selectOtherMonths: true, showAnim: false, showOtherMonths: true, monthsToShow: 2, minDate: 0, maxDate: '2Y-1', rangeSelect: true, onSelect: function (dates) { alert('working'); var date1 = $.datepick.formatDate('dd M yyyy', dates[0]); var date2 = $.datepick.formatDate('dd
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
Phonegap Jquery Mobile app list width issue
Hi, My App is having problem with iOS9, The list view is not targeting screen size and lists are coming has half screen size instated of full screen size. The App is working fine in other version of iOS but only having this issue with iOS9. Please have look into attached screenshot. Regards,
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
First item after divider does not display properly
I generate a list with dividers and the first item after every divider does not show up properly, no text, but an unusual link icon. here an example <head> <title>Listview test-</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> </head> <body><ul
get user location (street, city and country) in input field
I am very knew to jquery. I have the following code <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>New Road</title> <meta charset="UTF-8"> <link rel="shortcut icon" href ="images/congestion-fico.jpg" type="image/gif"> <meta name = "viewport" content="width=device-width, initial-scale=1.0"> <link href="jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css"/> <script src="jquery.mobile-1.4.5/jquery-1.11.3.min.js"
Popup adds ui-mobile-viewport-transitioning to <body> tag only in certain browsers
I am running JQM v1.3.2 and testing in Chrome 45 and Firefox 40. I have a 1 page per HTML file configuration. Here is a sample of 1 of my pages: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Test</title> <link rel="stylesheet" href="css/jquery.mobile/jqm-theme.css" /> <link rel="stylesheet" href="css/jquery.mobile/jquery.mobile.structure-1.3.2.css"
How to populate a dropdown base on another dropdown?
Hi, I have 2 dropdowns in a page, the 1st dropdown drives the values of the 2nd dropdown. For example, if the user selects "Department" from the 1st dropdown it will pull from the tblDepartment table. Let's say, I have another one called Business Unit, if user selects this, I will pull from tblBusUnit table. I found an example below: http://www.webcodeexpert.com/2014/12/jquery-ajax-to-bind-aspnet-dropdownlist.html How can I pass the dropdown value using the jquery and how does the server side code's
Jquery ajax error
Hi, When I called a WCF method from my web-service client using jquery.ajax , I get this error: "Error: Operation aborted" The web-service runs with WebHttpBinding and my jquery web-service client code is as the attached : What will cause this error to happen ? Looking forward to hear from you ! //Johnny Olsen
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
Panels not working in a fixed width page.
Hiyas! I have made the page a fixed width so when people view the site on a tablet or computer it isn't using all the screen. The problem I am having is that the left panel isn't working when it comes out. In dreamweaver live view it works but online it doesn't. I am using this styling for fixed width page and "overlay" for the panel @media only screen and (min-width: 600px){ .ui-page { width: 600px !important; margin: 0 auto !important;
Attempting to Use .load But receiving error
Hello all, I am attempting to make a dynamic selection menu system similar to the one that is illustrated at the link here ( https://css-tricks.com/dynamic-dropdowns/ ). I have all of my file paths written correctly, and my syntax is fine. I am trying to do the following. When the first (of three) drop down menu's is changed, take the drop down menu's selected item's value and go to the .txt file corresponding to that value. Inside that .txt file is just plain HTML written code that I wanted to
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)?
JQuery Plugin: Tablesorter
Hi, I have table and it sorts time. In my case its working totally wrong. Happening: Time ( Hours, Minutes, Seconds ) -> Sorting fastest first 1st run 1.15.20 <<------- It should be last, since it took more time than others 3rd run 30.50 <-------- It should be first, fastest run 2nd run 42.30 4th run 56.25 Im new
$(...).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
How to Catch when new element added to DOM without DOMNodeInserted Function ?
Hi Guys, I am tring to acces new elements when new element added to DOM... I use that $ ( document ). bind ( 'DOMNodeInserted' , function (e) { " codes... when I use DOMNodeInserted ... every action working as much as how many element appeared so that is not true way to catch new elements.. Could u tell me another way for that please ? Thanks...
Select a button by ID and appending HTML on hover
Hi people, I'm not sure if this was asked before, but I couldn't find it, so I have to ask myself... I want to grab an object (a button) and append a few chars when a user hovers over it. Essentially, I'm trying to emulate the famous Divi button, that is, the way it adds an arrow on hover. For a demo, see this link. I have no clue how they coded the button, but I want to learn it, so if you can help out, I'd be very, very grateful. Anyway, for my current needs, I only need to emulate the arrow part
jQuery Mobile. And then?
Hello, I'm Italian and I speak little English .. Anyway .. I'm just ushering the mobile programming and I started studying jQuery Mobile. Now I doubt arises: how to use Dreamweaver HTML editor and jQuery Mobile as a framework for the graphics (buttons, lists, etc ..), but what language should I use to effectively control the hardware of a smartphone? For example, to activate the camera, gps, etc ..? Thank you Max
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
Jquery Getting variable
Hello, I need to get a var from li when user clicks on it...the list is created in php and i want to send the variable to my other php document using ajax.. i am new to jquery and i do not know how to get the variable.. for example if my php generated list looks like: Indianapolis Los Angeles when user click on Los Angeles the Jquery takes it into a var city. <?php echo '<li class="list-unstyled">'.$city.'</li>';
has columns like bootstrap for a row... for layout a page of objects
jQm old or new version... has columns like bootstrap for a row... for layout a page of objects, widgets, text/photos, grids, tables etc eg in Phone I have a column but In tablet view what if I want to have 3 or 4 or 6 columns in a row...?
Jquery mobile not loading page and i have no idiea why , but if i remove mobile scripts it work but like a simple html page
<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>HoraFit</title> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <link rel="stylesheet" href="themes/drandroid.css" /> <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" /> <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body > <div
Submit not working when preventdefault() being used
Hi, I have a form with two buttons on it of type "submit". The two buttons look as follows: < input id ="UpdateButton" value ="Update" type ="submit" name ="action:Update" onclick ="return performUpdate(); " class ="btn btn-block btn-primary user-action" /> < input type ="submit" value ="Save" class ="btn btn-block btn-primary user-action" name ="action:Save" id ="SaveButton" /> Note the "name" attributes. When the update button is clicked the code for updating the data is fired in the controller
Need to save varaible to DB
I don't even know enough about jquery to be dangerous. However, I ran across this script to pick background color. I can't seem to figure out which variable i need to save the rgba color. I tried grabbing "rgba" but it doesn't work. Can somebody help me put here? <script> ;(function($){ $.fn.canvasify = function(f){ // faster than dynamically converting a pixel at a time return this.map(function(){ if (this.nodeName=="IMG"){ var canvas=$('<canvas>')
Next Page