Script loaded in header isn't recognized in Ajax, why?
This is kinda tough to explain, so bear with me. On mobile devices, I load a script named "mobile.js" in the header. This script has functions to detect a swipe and a taphold (which I believe were both recommended on here), and then I also include a function to hide a specific element when the user focuses on an input, textarea, or contenteditable: $(function() { if ($('#local_banner').css('display') != 'none') { $('input, textarea, [contenteditable]') .on('focus',
JQUERY MOBILE: PROBLEM SUBMIT FORM
Hello I use this script to send the form data after validating it. The problem is that when I press the send button it tells me that you have to complete the field (required) but still sends me the data to the server. How can I change the code to send me the data only after the validation has been completed? <!DOCTYPE html> <html> <head> <title>Forms</title> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
JQuery Links
Hello everybody, I have a problem with rendering links. No matter what I do in the CSS, the links are never presented as intended. in CSS the links for the menu look like this: header { position: fixed; top: 0; left: 0; padding: 0 100px; background:#262626; width: 100%; box-sizing: border-box; text-shadow:0 0 0; } header .logo { color: #fff; height: 50px; line-height: 50px; font-size: 24px; float: left; font-weight: bold; } header nav { float: right; } header nav ul { margin: 0; padding: 0; display:
Sorting.js - problem with loading images
Hello friend, i really will appreciate your help about a problem that i have with sorting.js the code is: /* SORTING */ if (jQuery('.show_album_content').size() > 0) { var $container = jQuery('.portfolio_grid_isotope'); } else if (jQuery('.portfolio_packery').size() > 0) { var $container = jQuery('.portfolio_packery'); } jQuery(function () { if (jQuery('.show_album_content').size() > 0) { $container.isotope({ itemSelector: '.element' }); } else if (jQuery('.portfolio_packery').size() > 0) { $container.isotope({
How can i filter items from a list which those items contain specific text by clicking in a checkbox using jquery?
I have a list that contains 6 items/divs. How can i filter the items that contain specific text by clicking/select a checkbox? For the following example i want to filter the items that contains the word "green" when i select the checkbox labeled "green" and so on. I want to make it work with jquery. Could you please help me? Thanks in advance. Here is a JSFIDDLE with my code.
how to apply a DOM value in JQuery plugins?
I created an Ajax code which could change the value in the span but what I actually want is the value apply into the Jquery seat-charts plugin, is there any way to move the output of Ajax to Jquery plugins? below is my plugin code: <script> $(document).ready(function(){ $("#time-select").change(function(){ var time = $("#time-select").val(); var date = $("#date").val(); var branch = $("#branchval").val();
Different dropdown boxes for items generated from db.
Hello, I have a page where it loads some items from db. I want each item to have a "settings" dropdown box in which there will be options like "edit, delete etc...". I made it to a point but the thing is that when i click an entry's settings button to open up the dropdown box, it collapses every item's dropdown box in page. This is my HTML and Jquery code so far... Html settings btn: <a href="#" class="settings-btn" id="entry-settings" data-entry-id="<?php echo $pet['pet_entry_id']; ?>" rel="nofollow"><i
Click Event Not Firing When Radio Buttons Wrapped In A DIV Are Selected
I have a bunch of bootstrap panels on my web page and each panel contains three radio buttons. The panels which contains the radio buttons and the index, name, and value of the radio buttons are dynamically generated so I don't know ahead of time what the values of the mentioned attributes will be. Below is a sample of my radio button code after it is generated. <div class="panel panel-primary"> <div class="form-group"> <input type="radio" id="Xc2RT" name="Canine_1" value="Wolf"> Wolf </div>
Customer site breaking my plugin
Our plugin uses jquery, all functions are defined as jQuery. Works on all other customer sites without a problem. Works in the wordpress admin. On the home page or any page of the customers website where our plugin isn't called, chrome developer tools console shows jQuery works fine, however on the pages of the site where we load our plugin, jQuery no longer works and it now requires $ sign. I am at a loss. It's some kind of conflict, but looking through their JS files I haven't come up with a solution.
jquery sumo multiselect
i am using jquery sumo multiselect in that i want to use cascading dropdown(based on first dropdown second dropdown should load eatch time). but i getting error please find link blow pluging example. http://jsfiddle.net/RahulKanheya/p89ka9jq/801/
[SOLVED] Calling $.get() gives XML error message and I am not using XML
I am learning and experimenting with AJAX and $.get() in jquery. I have adapted a test case from tutorialspoiknt.com and changed the test case from using PHP to using JSP. I am running the test case using Firefox 61.0.2, Tomcat 8 and jquery-3.3.1.js. I'm calling $.get() as follows: console.log("xxxxxxxxxxxx get"); $.get("result.jsp",{ name: "Jim" }, function(data) { $('#stage').html(data); } ); console.log("yyyyyyyyyyyy get"); The script executes and I get the log messages:
jquirey plug in update assiatance
Hey all, hope all is well. It's been a while that i touch Jquery. The scripts on my website is out of date and i need some assistance in upgrading. Don't remember on how I got the scripts Can anyone assist? The code is posted here. <!DOCTYPE html> <html lang="en"><head> <title>Kennesaw Acworth Atlanta Marietta Computer Laptop Repair Universal IT Technologies LLC Network Wiring, IT Outsourcing, IT Support, IT Service Providers Virus Removal Web Design Services Near Me</title> <meta name="p:domain_verify"
why is my seat Charts only display the third map?
now I know that the map in seat charts can be store in an array form. But why I click on any of the linked image it will only show the third map?
how can I change a property in jquery plugin with onclick an image
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="jquery.seat-charts.min.js" type="text/javascript"></script> <script type="text/javascript"> var price = 100; $(document).ready(function() { var $cart = $('#seats_chose'), $tickects_num = $('#tickects_num'), $total_price = $('#total_price'); var sc = $('#seat_area').seatCharts({ map: [ 'cccccccccc', 'cccccccccc', '__________', 'cccccccc__', 'cccccccccc', 'cccccccccc', 'cccccccccc', 'cccccccccc', 'cccccccccc', 'cc__cc__cc'
Jquery ui tabs doesn't display properly while the page is loading slow.
I am using a couple of libraries as below: <link type="text/css" rel="stylesheet" href="https://.../static/jquery-ui-1.8.23.custom.css"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css"> <script type="text/javascript" src="https://.../static/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="https://.../static/jquery-ui-1.8.23.custom.min.js"></script> I just upgrade jquery from 1.5.2 to 1.10.2 this
my superfish menu seems to be missing css formatting
I upgraded my site to the latest jquery but then superfish menu stopped working. So as superfish was also very old (v1.4.1) I have upgraded it to 1.7.10. Now the menu functions but it seems no CSS is being applied to it as the menu is not horizontal but expands vertically If you compare the previous working site at: http://ancestry.higgsy.co.uk/ with the failing site at: http://v38.ancestry.higgsy.co.uk/ you will quickly see the problem. if any of you fine experts can suggest what I'm doing wrong
Wait cursor is not changing until mouse moves
Hi, I have simple code to display the busy cursor while I am waiting for the ajax call to be finished (callback done) and when the call is finished I restore the cursor to the default value (method always). I have noticed that if I don’t move the mouse the icon for the mouse does not change. The same happens the other way around – when the call is finished the cursor default icon is not restored until I move the mouse. Is there something wrong I am doing or this is genuine bug in Chrome (I am using
Targeting span w/ special characters & appended input classes inside
I have some forms and inputs that are appended to a span. I'm trying to target the span's id and it has special characters in it '~~' & then get all the appended inputs inside of it (var fileupload). Not sure if it's the characters or the appending causing the problem. How can I target the inputs? Here's a jsfiddle: https://jsfiddle.net/billparti/ex71hmoq/
Slidebars.js still relevant?
We've been using slidebars.js on all our projects, since it's part of the template that was built by a developer four years ago. Is it still relevant? Slidebars 0.7.1 - http://plugins.adchsm.me/slidebars/
jquery multiselect with ok and cancel button
I am using jquery multiselect in that i want to use ok and cancel button so when user can select ok option should be selected. jquery.multiselect.js example https://www.jquery-az.com/jquery/demo.php?ex=48.0_7
Jquery UI callback
I am simply trying to do a callback after my accordion has been created AND initialized.I have two tabs that get created. In each tab is an accordion that gets created. However my work can only be done on the accordions once the tabs and accordions are done initializing. I am getting a race condition where I am trying to change elements that are not initialized yet. Below I tried to add the "change" event to teh accordion, as I saw this elsewhere on the forum. But its not doing anything. So I assume
How to get multiple select box value using jquery,
Hi, How to get multiple select box value using jquery,I tried below code but i get normal dropdown not multiple selected dropdown. <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="http://www.erichynds.com/examples/jquery-ui-multiselect-widget/jquery.multiselect.css+demos,_assets,_style.css+demos,_assets,_prettify.css.pagespeed.cc.8klr74YZ6Y.css"> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css"/>
Populate <div> from a remote source on button click.
Hi, how do I populate a <div> from a remote JSON file. The file will be on a remote server but I want to Here is a fiddle: https://jsfiddle.net/lammie71/sr02zcky/10/ When the load data button is pressed I want the "JSON_data" div to be appended by listing all the long_name from the remote file: http://paullamacraft.com/abc.json Any help or advice would be great thanks.
Prevent event overlap in custom jQuery image carousel
I am working on a custom image carousel, using jQuery and CSS. My aim is to make it really lightweight but with (just) enough features: "bullets", auto-advance, responsiveness. The slider had a bug (described in detail HERE): when I clicked 2 bullets in rapid succession, the transition would overlap, instead of "standing in line". The fix I found is making all the bullets except the active one non-responsive to clicks, instead of queueing the clicks : var $elm = $('.slider'), $slidesContainer
Bootstrapvalidation and returned value
Hello For one of my HTML form, I have one field called password, first I want tot check if it is null or not, and then it would check in background using remote call using URL to know if that is valid or not. and from backend process it would return wheter does it exist or not and other field value to update the iframe content/src dynamically. I know using remote I could go to backend and check for validations however, I am not sure on I can assign value to existing field if it is succeed and returns
jQuery gets confused if used from a fragment loaded by jQuery itself
I have a problem with jQuery in a page which contains few divisions. Let us consider the following HTML code: <div id="a"><a href="javascript:/" onclick="LoadB();return false;">Load B</a></div> <div id="b"></div> <div id="c">TEST</div> where function LoadB( ) { $( "#b" ).load( 'b.html' ) ; } and b.html contains <a href="javascript:/" onclick="LoadC();return false;">Load C</a> where function LoadC( ) { $( "#c" ).load( 'c.html' ) ; } and c.html contains <p>Hello, world!</p> If I click on "Load B"
Dynamic listview no display
Hi I have put up this page with external json data to display. i have no idea y it does display json. but on the console there was no errors. please tell me where am i wrong. -------------------html-------------- <!DOCTYPE html> <html lang="En"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>----SRM----</title> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
Pasting data, which option is faster / better?
Still working within a contenteditable, and I'm manipulating data that's being pasted in. It seems like I have two ways of doing this, and I would like your advice on which way is going to be faster or overall better... or if you have any other suggestions to make it faster or better. Option 1, lists "beforepaste" and "paste" separately: $('#comment') // this works for IE9, and probably earlier .on('beforepaste', function(e) { if (window.clipboardData) {
Show file preview of input
I'm trying to show a simple preview of a file, once it is selected in a form input. The image that I am trying to write a source to is appended after the page is loaded but before the image is displayed. <form> <div> <div> <input type="file"> </div> ... <img class="preview" src="#" alt="Preview Image" /> </div> </form> function myFiles(files) { // files is the selected file console.log('File: ' , files[0]); // has name, type, size, etc.
$.ajax data and sucess
I have recently gotten with the times and upped to the latest jQuery (yea me). I also have lost touch with my programmer (my bad). Can someone help with updating this code to work with my new jQuery v3.3.1. Much appreciated.. <script> $(function() { $(".pollradiovote").live("click", function() { var pid = $(this).attr('pid'); var vid = $(this).attr('value'); $.ajax({ url: '/includes/polls.cfc?method=vote', data: "pid=" + pid + "&vid=" + vid, success: function(data)
How to trigger a change on button click
I want to update a dropdownlist when another button is click by calling trigger but getting an error. Below is my code any help will be appreciated $("#btnReplace").click(function () { const oldPersonId = $('#OldbuttonId').val(); const newPersonId = $('#newPersonID').val(); var button = this; $.ajax({ method: "POST", url: "@Url.Action("Replaced", "NewReplacement")", data: { OldId: oldPersonId, NewId: newPersonId}, success: function (response) { $('#cdrl-load-text', button).html('Saved!'); if
Help getting a jQuery Example to work
Hello, I am a complete noob with jQuery and web development in general. I am trying to get some of the example widgets (in this case a slider bar) given on the jQuery site to work using the provided source code but they fail for seemingly no reason. I can copy and paste the source code listed under the widget into an HTML file and when I open it I will see a blank page. Why does this happen?
Search page function
Hello. I manage an intranet site, that contains a very large amount of data (mostly hyperlinks). I would like to add a search box that indexes all content on one page, and displays the results on a separate page. It would require the ability to include, for instance, links within a dropdown menu. I understand this would be easier accomplished if the content was contained on one page (no iframes or ASP includes, etc.). I can manage that. I have created a Find on Page that works, but highlighting as
Problem submit data for php-Script via jquery-ajax
Hi I have a problem within a Jquery-Script using the get-method to transmit data to a PHP-Script. Here is the code function handleDragStop( event, ui ) { var offsetXPos = parseInt( ui.offset.left ); var offsetYPos = parseInt( ui.offset.top ); alert( "Drag von/nach!\n\nat: ("+ startXPos +"," + startYPos + "/" + offsetXPos + ", " + offsetYPos + ")\n"); $.ajax({ type: 'GET', //url: "ajax_div_wochenelement_drag_drop.php", url: "drag_drop_funktion_per_get_testen.php", data: 'startxpos='
Reorder elements in list nr 1 and have the changes to also be reflected in list nr 2.
I have two lists with the same order from start: List nr 1 1 2 3 List nr 2 1 2 3 Is it possible to reorder elements in list nr 1 and have the changes also reflected in list nr 2. So the purpose is to only touch the elements in list nr 1, and have the changes automatically reflected in list nr 2. Also list nr 2 can be reordered, but the changes would be isolated, and NOT be reflected in list nr 1. https://jsfiddle.net/zsoa1dve/89/
Trying to create a notification popup... The notification overlaps the divs underneath it even after fadeTo()?
I’m trying to create a notification popup (similar to YouTube’s when you add a video to your watch-later or something). This is my attempt: (jsfiddle here) $('#notification-box').hide(); $('body').on("click", "#enableSuspension", function(){ $('#notification-box').append('<p>Client suspension enabled.</p>').fadeTo(1000, 1, function(){ $('#notification-box, #notification-box p').fadeTo(1000, 0); }); }); However, it doesn’t function well at all. I want each individual notification to
Changing height of an element to fit content
I have this script that makes the height of an element with an [data-resize] attribute grow and shrink so that it always fits the content: var maxHt = 100; $.each($('[data-resize]'), function(e) { var offset = this.offsetHeight - this.clientHeight; $(this).on('keyup', function() { if (this.scrollHeight < maxHt) $(this).css('height', 'auto') // not sure why I have to do it like this, but I do... .css('height', this.scrollHeight + offset); else $(this).css({
Submit for and data
Why does this form not submit data $(document).on("submit","#evaluateform",function(e){ e.preventDefault() //$('#evaluateform').serialize(); $.ajax({ method: "POST", url: "functions/getRouteEvaluation.php", data: $("#evaluateform").serialize() }) .done(function( result ) { $("#evaluate-results").html(result); }); }) my form is like this, it's also loaded via another ajax script so loaded dynamically <form id="evaluateform"> <input id="depCode" type="text" placeholder="Departure">
Using jQuery to pass hidden field based on SELECT box selection
Is there a jQuery way to using the "starts with" from the SELECT box to pass a variable to a hidden field? Here's what I have for the script to far, but I need it to only look for the first letter, really. For example, if the user selects "Keyboards - Acoustic Piano", we need "KeyboardMag" to pass through in the hidden field "referralCode". $( document ).ready(function() { var refcode={ Guitars : "GuitarsMag", Keyboards : "KeyboardMag", Drums : "DrumMag",
Submit form data to ldap
I'm trying to post back some form fields back to our ldap connector. I can get both groups and members from within each group, but I'm not getting any response when I try to post back a user. To clarify the steps a bit 1) The user clicks 'Load Groups'. That talks to our LDAP connector. That then populates all of our companies ldap croups. 2) When a user clicks the group, it loads all the users for that group. 3) I have button that when clicked opens the modal where a form lives. 4) I'm sure i'm
Next Page