a.stopPropagation is not a function
In jQuery 2.2.3 , I got issue while using event.stopPropagation or return false. 1)When using event.stopPropagation i got error - a.stopPropagation is not a function 2)When using return false i got error - a.preventDefault is not a function
Update an object in the array using a modal form and display updated details
I'm trying to update an object with type="external" by clicking on the edit button. It brings up a pop-up, wherein I can enter the new information and it should then update the user accordingly. But somehow it doesn't seem to work. It just triggers a page refresh and nothing happens at all. Could you please help me fix this? JS Fiddle
jQuery Validate with jQuery Credit Card Validator
I am having some problems trying to use the jQuery validator plugin along side the jQuery credit card validator (http://jquerycreditcardvalidator.com). The problem I am having with my code is after my initial form submit that uses a credit card that is not accepted, going back to the form to correct the credit card, the form is being submitted after every key up event. What I am looking for is when a user inputs a credit card that is not of an accepted type, show an alert box to the user stating
Post and Retrieve the same time using ajx
Hi, I am using below code to post signup data using ajax but at the same time to get the registered data using json so it can be used by the browser. $.ajax({ type: "POST", url: 'https://www.mydomain.com/ws/signup.php', data: formData, processData: false, contentType: false, }).done(function () { viewModel.loadPanelVisible(false); customer.insert({ customer_id: data.Customer[0].customer_id, first_name: data.Customer[0].first_name, last_name: data.Customer[0].last_name,
Date picker range from any date
I am using date picker below is my code i need solution for i have two fieldes fromDate and tDate if i select every date in fromDate in toDate filed there will be only 7 days will be enabled, currently when i selected today date it is working but i need it for first condition. $("#fromdate").datepicker({ dateFormat: 'yy-mm-dd', minDate: new Date(2014, 1 - 1, 1),
Use “Esc” key to accomplish two tasks at once
On THIS page, I have a div with the class of “video-wrapper” witch, upon clicking the player’s toggle full screen button, is dynamically added a “full-screen” class. I aim to remove the “full-screen” class not only by using the toggle full screen button, but by pressing the “Esc” on the keyboard. foe this purpose I have written the code: $(document).on('keyup',function(evt) {
if (evt.keyCode == 27 && $('.video-wrapper').hasClass('full-screen')) {
console.log(evt.keyCode);
$('.video-wrapper').removeClass("full-screen");
query inserting dynamic html as string instead of html?
I have the following code which inserts a div at the top of a page: function setUpAnnouncementsContainer() { var announcements = 'Letterpress scenester franzen, shabby chic meh hella knausgaard 3 wolf moon craft beer ethical chillwave hot chicken beard. Tbh vexillologist tousled .'; var divAnnouncements = '<div id="divAnnouncements">' + announcements + '</div>'; var divAnnouncementsContainer = '<div id="divAnnouncementsContainer" class="col-xs-12 col-md-12 col-xl-12">' + divAnnouncements + '</div>';
Anomaly with combination of resizable/draggable
Hi All, Something wrong on a resize and draggable item with containment. The bug comes when the resize grow on left and the border touch the container /*! jQuery UI - v1.12.1 - 2017-04-21 I don't use responsive yet.
finding focused item in iframe
I'm trying to find the focused item within an iframe but failing! Whenever I insert into the iframe, the item appears to be focused. For example if I insert a table then the cursor is always in the last cell. As a I test I am trying to change the background color of the cell to see if it is working but this always changes the iframe body not the item inserted so not picking up the focused "thing" var d1 = $.Deferred(); $.when(d1).then(function () { var $iframe = $("#ifr").contents(); var focused
How to control the spinning wheel result
I am creating a fortune wheel using jquery $( document ).ready(function() { var prices = [0, 26, 3, 35, 12, 28, 7, 29, 18, 22, 9, 31, 14, 20, 1, 33, 16, 24, 5, 10, 23, 8, 30, 11, 36, 13, 27, 6, 34, 17, 25, 2, 21, 4, 19, 15, 32]; setInterval(function () { var $r = $('.roulette').fortune(prices); $r.spin().done(function(price) { $('.price').text(price); $('.result_number_circle').text(price); }); // $('.roulette').animate({rotate: '+=10deg'},
How to allow one page to remote control another without using a database
I am new to JQuery. I would like to create a page that can remotely operate a second page. I can envision how to do it if I involve a database, but I'm not sure how to do this without one. I will describe my primitive database method, and I'm hoping someone can advise me on a better way. Page A has a slider within a form that can be moved up and down. It also contains a JQuery "change" function that serializes the form data and uses Ajax to post the slider values to page B (in realtime). Page B takes
date picker not showing calendar image
Here is my code: $( "#datepicker" ).datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true, buttonText: "Select date" }); In the working directory, there is an images folder, then a file called this. Why isn't this image showing up?
How to output step by step all found elements and results of functions?
Assume I have a jQuery command like: $('div[myattr="foobar"]').parent().remove(); How can I wrap (?) this command so that: - all found core elements are listed (at the console)? - all found parent() elements are listed (at the console)? - the result after remove() is shown at the console ()? Peter
SharePoint 2013- How to check using jquery/JavaScript, any option of radio button is selected or not without using ID or name?
Hi , Below is html Code.How to check using jquery/JavaScript, any option of radio button is selected or not without using ID or name as control id and name will change in production(pl also refer attached image) and please consider there are two radio button in page with same value Yes,No but with different Label like for below one it's "Will you site contain ZNA records" and for second one is "Do you want team site" <tr> <td width="190px" valign="top" class="ms-formlabel"><h3 class="ms-standardheader"><nobr>Will
Jquery fortune wheel getting wrong result
I am creating a fortune wheel using jquery and want to getting the exact number from the spinning wheel Jquery I am using this in html $( document ).ready(function() { var prices = [ { name: '0' }, { name: '1' }, { name: '2' }, { name: '3' }, { name: '4' }, { name: '5' }, { name: '6' }, { name: '7' },
Unable to create checkbox
I'm trying to create checkboxes dynamically, but it's not working. I'm using following code ( function( $ ) { $(document).ready(function() { $('#services').on("change", function() { $('#doclist').empty(); currentCat = $(this).val(); data = $.parseJSON(bookingdata); $.each(data[currentCat], function (index, value) { $('<input />', { type: 'checkbox', id: value.id, value: value.name }).appendTo("#doclist");
Show only related Items in dropdownList
I have two dropdownlist and want to show only related items. When the first dropdown item is selected show the item in the second dropdown based on their ID's. Don't show everything. Below is my Jquery <script type="text/javascript"> $('#ddltest').change(function () { var contId = $("#ddltest").val(); var _tt = $(this).val(); $.ajax({ type: "GET", dataType: "json", url: "/Upload/Load", data: { id: contId }, success:
changing css of focused element in iframe
I am inserting html into an iframe via the execCommand(). Say for example I insert a table, the cursor will then be active in one of the cells. How do I capture the "$(this) of the focused cell and store it in a var so I can later change the css of it? I only seem to be able to find the iframe as being focused.
Select not working after POST action="#"
The following example should reproduce the problem. The switch works after loading the page After hitting the send button, the switch does not show any element anymore. Tested on Chrome, Android and IOS I guess I do fall for some super easy error here. Please help me. I'm running it on a FLASK server. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>title</title> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
Question about resizable function
I do not speak English, sorry, I'm using a translator. Resizable function does not work if the div contains an iframe. When the resize reaches the edge of the iframe, it stops working. Attached a sample gif Thanks
Scroll to problem
I have a problem with the scroll to. I have more ul tags and inside this tags it must scrooll to a point. In the first ul tag it works all fine but in the second ul tag it donst work. this is the jquery with i'm using. $jq(document).ready(function () { $jq(document).on('click', '#letterstripe li', function(e) { $jq(this).toggleClass('active').siblings().removeClass('active'); var letter = $jq(this).html(); var id = $jq('li.[data-value="'+letter+'"]'); var xid = $jq(id); if (xid.length
Edit an object in an array and display updated information
I've an array of objects (myData) which has objects with type "internal" and "external". I'm creating divs with class="box" out of the objects in array and displaying some information of the corresponding object. I've an edit button in the div.box, only if my object type ="external". So, on click of the edit, I want to update the information(company or url) of that object in 'myData' array. Also, in the displayed div I'd then like to display the updated information (calling createDisplay() method
How to hide the [x] Close button in a jQuery UI Dialog
I'm trying to put up a modal dialog box made by the jQuery UI Dialog widget. It works fine, but I can't find the right way to hide the close box in the upper right corner. I've read some suggestions, including the example in the UI API documentation for the Dialog widget "Hiding the close button" which involves setting up a CSS rule and using it in the dialog setup... but that didn't work for me. I also tried, in the code that brings up the box: $("#really-change.ui-dialog-titlebar-close").hide();
Jquery Dialog 1.12.0 CloseText is visible overlaid on the Icon very irritating
The following script would cause a dialog to be displayed with the text "Close" is overlaid on top of the Cancel icon on the top right corner, which is very irritating. It suppose to be "invisiable" by default theme. $("#createdialog").dialog({ autoOpen: false, resizable: true, modal: true, width: 850, }); The workaround we used to is to use the CloseText option closeText: "" But why the default behavior has changed ?? Here is the rendered HTML after attaching the dialog to the element
Why do we lose cursor upon datepicker selection?
Objective: Upon date selection from datepicker, user would tab to next field and the onblur event would trigger an action to populate selected date in the SPAN with ID of "dated". However, upon date selection, the cursor simply disappears and if I move cursor using mouse to the next field, the SPAN with ID of "dated" is still not populated with datepicker date. What gives? Thanks in advance. <table> <tr> <td> <input type="text" name="exeDate" size="30" class="gdate" onblur="document.getElementById('dated').innerHTML=this.value;">
Add DateTime as hidden variable within form (change)
I am using "change" to serialize variables within a form $(function() { $("form").on("change", function() { var s = $(this).serialize() console.log(s); }) }) I would like the form to include the DateTime as a hidden variable within the form (along with my other data). How do i do this?
Hide the edit button in a dynamic div if it satisfies a condition
I've a dynamic div which contains some information and an edit button. But, some of these dynamic divs should be editable. I'm generating all of these dynamic divs from my array of objects, which also holds the data for objects which have type="external". Each dynamic div will have a class called 'box' and each dynamic edit button has a class called 'edit-btn'. So, I've a condition like, if in dynamic div the obj.type="external" then it the edit button should be available else it should be hidden.
WordPress Website
Hello Experts, I want to develop a website with WordPress. Is there need to be jQuery? Thanks. __________ http://hounslow-escorts.com
Error assigning id to element in append
I have the following code $('md-menu-content').append ( ('#md-menu-item/>', {'id': 'child')). eval('element _' + indentif).input ); In which md-menu-item is added in md-menu-content and receives a 'child' id, id that I use in find to add another item, now in md-menu-item, however it does not add id The query does not advance, unless I swap md-menu-item for another tag, example ... $('md-menu-content').append ( $('<a/>', {'id': 'child')).find('# child').append ('
How to pass php string variable into javascript code using jquery mobile
Well my first post could be a doozy or it could be something so simple that it will make the pros eyes roll. So let me start by saying that I have "tinkered" with javascript as little as possible, but now I want to make an app that is mobile/responsive and so I MUST learn more javascript. My code practices with js are probably going to be atrocious so please feel free to offer tips/pointers there as well. The app I am developing creates an "Army List" of models for players to use in a miniatures
Issue using Append
Hello Everone, I created the code below, however, I believe I should use something like an array because when I call the function several times, then it's appending the same name(xnome) and id. //EXAMS $('#idexame').change(function () { var doc = document.getElementById("idexame"); $("#xnome").html(doc.options[doc.selectedIndex].text); $(".selecionado").append('<div class="alert alert-warning alert-dismissible"> <button type="button" class="close"
Slider and toggle button that update the database in realtime
First time JQuery user (my background is in ColdFusion). I need to work on a project that involves having a slider and a toggle button that update a database in realtime (without reloading the page). I would also like the ability for elements on the page (like text values) to update in realtime based on what is in the database. Can someone please help me get started on how this sort of thing is done?
Multiple button multiple images
i have the below code <!DOCTYPE html> <html> <head> <style> /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4);
Return the split path if the JSON key/value exists else return blank
I need to display the name and split path of the path entered by a user dynamically. For that, I had split the path entered by the user and grab only certain part of it. For e.g. if the user enters path as: /content/mypath/myfolder/about/images/abc.jpg Then I am displaying images/abc.jpg. However, let's assume that some of the users do not have a picture, at least the name should be applied & displayed in that case. Please check the function refreshDisplay() for details. But it throws an error-
Fullcalendar mobile
How can I use the Fullcalendar in mobile version with the events drag-drop and click/doubleclick? Using the library JQuery-mobile is not enough or is it?
Better way of writing this block of jquery code
I've the following code block that works just as expected, but I'm sure there's a better and cleaner way to write it. Would appreciate if you could show me how - $(function () { $("#show_only_to").bind('change', function () { if( $("#show_only_to").val() == 'loggedin') { $("#access_redirect").hide(); $("#access_member_roles").show(); } else if ( $("#show_only_to").val() == 'loggedout' ) { $("#access_member_roles").hide();
Show Loading image while Image is loading
Hi, I have an image which might be slow in loading depends on the internet connection. How can I show a progress / loading icon on the image until the image is fully loaded? Thanks, Jassim
Using Jquery with asp.net
How does using jquery with asp.net differ from using it on other platforms. Thanks !
passing variables to datatable
I am trying to send some variables to a datatable: var notOrderable = "0"; var hidden = "0,2"; var sorted = "2"; $("#PlottablePersons").dataTable({ scrollY: 500, paging: true, searching: false, columnDefs: [ { orderable: false, targets: [notOrderable] }, { visible: false, targets: [hidden] } ] , sorting: [sorted, "asc"] }); This is not working! So, firstly, is this the best way to do this? Secondly
can't use simultaneously jquery.min.js and tablesorter script
Hi, i want to make a php website. i use jquery.min.js for make the menu, but then when i want to use some jquery plugin for sort table, they don't work. i try with different table-sorter plugin. in all case if i delete: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> the plugin work, else no. someone can help me? Sorry for my bad request but in the web i don't find some such as this..
Next Page