jquery 3.2.1 version animate() - callback function executing before animation completed
Hi All, We have upgraded jquery version 3.2.1, animation()- callback function executing before animation is completed after execute next line. $(".btn2").click(function(){ $("p").slideDown(1, function(){ console.log("inside") }); console.log("outside") }); JQuery 3.2.1 output 1.inside 2.outside. JQuery 3.1.1 output 1.outside 2.inside. Sample Link(jquery 3.2.1): https://www.w3schools.com/code/tryit.asp?filename=FLMCAWA173W6 Sample Link(jquery
jQuery autocomplete Safari issue
Hello, I'm really new at jQuery and have managed to integrate the jQuery autocomplete to a wordpress site. Almost everything work as I want with one small problem. I'm using a plugin for woocommerce called Extra product options. This plugin give me the ability to use conditional logic to custom build a product. I needed to extend this plugin to show images of a lot of different color options and also show a new color number if the old one was entered. I managed to get everything to work except
About jQuery Code inside learning and V8
Hi: I try to learn more jQuery Code inside in these days, and recently find some issues about V8. Some How, some people suggest reading V8 can help more understanding about javascript, but it indeed a huge work. I didn't see a book really analyze it in deep. And furthermore, I can't make sure it really can help me to know jQuery better. For me, jQuery Code is still many unknown and powerful, like some issues about promises using. So my problem is, is reading V8 really help to understand more about
Manage claas in list
Hi there. I have a simple list <ul class="dropdown-menu"> <li class="header">Esercizio Contabile</li> <li> <a href="#" class="esercizio"> <i class="fa text-aqua"></i> 2018 </a> <a href="#" class="esercizio"> <i class="fa
How to select submit form with ajax, after using jQuery add elements method .after ()
Page .php on wordpress <script> $(document).on("click", "#solicitarServico", function() { $(".simulador_de_precos_box").after(" <form accept-charset=\"UTF-8\" name=\"contact-form\" id=\"contact-form\" method=\"post\"> <input type=\"text\" name=\"name\" required>"); <button type=\"submit\" name=\"submit\" id=\"submit\">Send</button> </form>"); }); </script> <script> $( "form" ).on( "submit", function( event ) { event.preventDefault(); var data = {
TypeError: $(...).dialog is not a function
I am facing an issue when trying to display a div as dialog box, getting the error has TypeError: $(...).dialog is not a function Wondering if i am not getting the div available i even tried to append it before the dialog function called, Still facing the issue, Please guide... function RowClickBillListBoleto(arg1,arg2,arg3){ if( ! $('#boleto-message').length ) { alert("Length is zero"); $('body').append('<div style="display:none"><div id="boleto-message" title="Boleto document is being created"><p>Boleto
How does React work with jquery-ui?
Hi. Everyone, I wanna make my select options can be draggable recently but failed. Why??? The first method: 1. I downloaded the jquery-ui@1.12.1 package from jqueryui.com site. Extracted. 2. Copy jquery.js into my src folder. And import resources in my jsx code : import './jquery.js'. It goes smoothly. But In another method， It goes wrong: 1. Use npm tool to install jquery-ui@1.12.1: npm install jquery-ui@1.12.1 2. import it: import 'jquery-ui' or import 'jquery-ui/build/release.js'. It throws the
Is there a way to have not only position of object remembered, but if it has been rotated?
Is there a way to make it remember rotation as well as location? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <style> #draggable, #draggable2 {cursor:move; } #containment-wrapper { width: 1500px; height: 2000px; border: 2px solid #ccc;} .zoomTarget { width: 1000px; height: 500px; border: 2px solid #ccc; } .object { float: right; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration:
Images in background aren't draggable
Hi there, I'm new to this forum and to jQuery so I don't quite know the etiquette on how exactly to ask my question, but here's what's going on. I'm hoping to make a site with a collage of draggable images (sliced up in photoshop) with many layers. I want people to be able to drag away pieces of a top layer to get to the images underneath, and then be able to drag those away to more images underneath, and so on. The issue is, whenever an image is placed behind another in the browser, it suddenly
Help is autocomplete and linking values
Hey guys I'm using autocomplete to return a set of zipcodes on a saerch. I need the values to be linked to a page for pricing based on the zipcode the input. Code is below: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css">
BubbleSort values greater than zero leaving any zeros at the end of array;
Hi, if I have the following Array: tide = new Array(8,4,3,9,0,0,12,0); Currently if I do a bubbleSort I end up with this: 0,0,0,3,4,8,9,12; I do no know how to bubbleSort the Array to remove the zeros at the start and end up with them at the back of the array: 3,4,8,9,12,0,0,0; Any help would be good thanks in advance.
Install Final Countdown plugin on Angular 4
Can someone please tell me how to install JQuery Final Countdown on Angular 4. I've enabled allowJS and install the library via bower install jquery.countdown and I can see the folders in bower_components. .. Now what do I do? Import? declare var jquery ? I'm very new to JQuery. What is the easiest way to test if I've installed it correctly? (I've created the project using ionic cli so I don't have angular-cli.json)
Bradley Witham- jquery error
Hi, I am Bradley Witham , I an using Jquery and getting this error. Error: "TypeError: emails.match(/@/gim) is null" How can i resolve it.
Keypad disappear issue in chrome browser for mobile device
Hi JQuery support team, We are using jquery-1.11.1 version. We have keypad disappear issue in chrome browser for mobile devices. If we open bootstrap popup in mobile chrome browser and try to enter text in any field then keypad disappear instantly. This issue comes only when we have any password saved in browser for our website. If we clear all passwords from chrome browser then its working fine. We have multiple bootstrap popups in our page with multiple password fields. If we change all those
Change a dropdownlist select option to input checkboxlist
I have a dropdownlist using select and it works fine. Now I need to convert it to checkboxlist. For some reasons, I can not clear the input checkboxlist before appending new ones. Below is my code. Any help will be appreciated Code as select ------------------- <tr id="select"> <td> <span id=Drop>Administration</span> <br> <select name=ddl id=ddl disabled style="HEIGHT: 25px; WIDTH: 95%"> <option value="" selected>--Select Administration
Pop-up codeigniter
hello . I need help . I inserted the script. but it does not work correctly. help me please . which container or block I click it's opening just the same thing but it should open the element that was clicked http://digi.besm.co.uk/ $(document).ready(function () { $("button").click(function () { $(".pop").fadeIn(300); positionPopup(); }); $(".pop > span, .pop").click(function () { $(".pop").fadeOut(300); }); }); <div class="first-con"> <!-- Content wrapper
Need to post a hidden form field with jQuery
I need to fetch a csrf value from a php and post it via a hidden form field using jQuery. My code is here: https://stackoverflow.com/questions/47196897/how-to-have-jquery-to-return-csrf/ What wrong I did there? Any advise is appreciated.
Jquery to add dymic menu
Hello I am new to jquery, I would like to develop a pizza site, which should have left menu as products, center menu as sub products . I will have menu configured from JSON URL which keeps updating from it source. [ ideally lotus notes ] which is left side of the page. and sub menu should be automatically updated from selected products in main menu.. Can anyone please help me how this should be done. Thanks
Detecting height of div and dynamically resize
i have two 50/50 boxes. Left box has textual content inside and the right side of the box has a map inside. When i resize the browser down the height is matched perfectly using a bit of jquery. But when i resize the browser back up to a bigger size, jquery doesn't update the css height. The code i manage to put together based on what i have read on the net is as follows. An example is here http://217.199.187.191/scalegillfoot.com/ look very bottom where map and surrounding area is. Resizing the browser
Submit form without refresh
I was googling how to submit contact form without refreshing. I found some plugin. As about success message I guess this is impossible for ajax to know if the message is actually emailed on php part? Right? Or how the code should be to know if this is actually emailed without error?
Passing the Value Button when click.
I know some of you this problem is pretty simple to do, but I am working in a week to find it out what is the right way to function it well. in the 1stpage.php there is a multiple buttons with different values in it, ie: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script> <a href="#myModal" data-toggle="modal" value="#01" name="btn" class="button2 btn btn-primary model_open" data-btnval = "#01" aria-hidden="true" data-dismiss="modal" >form</a> when clicking the
On and Off Button
I am using an Action button which is to show if the information from my database is successfully posted to my page, from echoed "Not Posted" --> to "Posted" when the action button is clicked. <?php echo '<a href="#po'.$rs['id'].'" data-toggle="modal" class="btn btn-success" id="post">Action</a>'; ?> here is the code for echoing the "Posted" when the action button was clicked; <php $status=$rs['post']; if ($status<2){ echo "<td>Not Posted</td>";
Why eq(0) returns an array AND no attributes property?
I'm using this function to get the first jquery object: function getfirst(selector) { var selected = $(selector).eq(0); return selected; } This works for me almost everywhere. It returns an jquery object which has "attributes" property.(And so many other properties). The attributes can be enumerated When I want to get an object of table using an 'id' like this: getfirst('#tableMain'); It returns an object has property "0" "length" and "prevObject". It doen't have "attributes" object. property
Initialize Photoswipe with jQuery
My galleries have two different formats: one for photosets, and one for stand alone images. I am trying to use jquery to initialize the gallery, but when I click on an image, it always opens the first image in the page (except when I click on the third image, which for some reason opens the second image). You can see my code here: https://codepen.io/anon/pen/mqWBXm <- Additionally, I would like to get the slideshow to only show the image(s) in each <article> Currently, the slideshow shows all the
Photoswipe + jQuery photo gallery
I am building an image gallery using photoswipe (http://photoswipe.com/), but I'm running into a small issue: when I initiate the gallery, it always shows the first image, regardless of which image I click on. Here's a pen showing my code: https://codepen.io/NordStorm/pen/Kqbpaj What am I doing wrong?
Help with taking values in an array, appending a string in front and behind
Hey guys, I am some what a beginner in jquery/javascript. I am familiar with how it works, but its been a minute since I have worked with it and recently i've been tasked with something that I think jquery/html would be best for. So I have a list of 500 refund numbers, i put them into a text box, click a button, and they currently go into an array, I know this works as when I alert the array, I see my values. What I need some guidance with is how can I take the numbers in this array and make it populate
[jQuery 3.2.1, Internet Explorer, Edge] $.isPlainObject fails when passed object has been created in child (popup) browser window
We have two JS controls - viewer (displays images) and thumbnailer (displays thumbnails). By default they both are located in main browser window but there is a possibility to "undock" viewer from main window and have it in separate popup browser window. We have no issues when using jQuery 2.1.4. But after upgrade to jQuery 3.2.1 we get the following error: Here $.isPlainObject function is being called as a part of $.extend function call. Object that is being passed to $.isPlainObject has been created
Cannot edit data to show information on particular drop down selection
Hello all wanted guidance with my code and a functionality shared part of code here.I want to show "Diesel variant not available)when diesel is selected for a petrol variant like maruti(brand),model(alto),fuel(diesel),but on changing the data "Estimation requires inspection of your vehicle. Please go ahead and book" it still shows the same sentence what can be possible cause and how to fix same. function(data){ if(data) { if(data == 'No 0Price')
Load content into multiple divs simultaneously
Hi; I am new to Javascript and Jquery. I am trying to load content of two divs on pageB.html into two divs on pageA.html respectively. The structure of pages are as follow: pageA.html contains: <a href="pageB.html">link</a> <div id="cl1Content">this is where "imgContainer" from pageB.html sholud load in</div> <div id="cl2Content">this is where "caption" from pageB.html sholud load in</div> pageB.html contains: <div id="imgContainer"></div> <div id="caption"></div> jQuery Code That I am using:--------------
Browser not displaying
Hello, Real noobie. My question is about a demo countdown JS file script, I'm trying run in a web browser The demo script works fine, but when I apply sample code of another format that I’m looking for to the html file script section. It doesn’t display. in the web page Example: I replaced the default script from the index.html file.... <script> $(function () { var austDay = new Date(); austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26); $('#defaultCountdown').countdown({until: austDay});
The direction of jQuery Mobile
When in doubt, simplify... Although I compliment the time and effort that the team puts in to jQuery Mobile, it is obvious that it is not enough to sustain it. So I was wondering whether another route should not be taken, that simplifies the goals and therefor is more realistic to achieve. I develop a healthcare and psychological test web application. A while ago, I used jQuery Mobile to create a nice look and feel, responsive, and with great looking page transitions. Today I completed the work on
use on click do not work after ajax call
Hello, I've using jquery 1.8.2 and here is the following code I have: $(document).ready(function () { var user = 1; $("a.like").on("click", function () { var article = $(this).attr('data-article'); $.ajax({ type: "POST", url: "WebService.asmx/Like", data: "{ 'user': '" + user + "', 'article': '" + article + "' }", contentType: "application/json; charset=utf-8", dataType: "json",
[Ajax] browser console synchronous error using .load()
Hello community, I'm new to jquery with some bases and I need your help to solve my problem that takes me a lot of time Basically, I want a dynamic page where I can load any page on click (I have 2 pages). In practice, all in working fine, up to a certain limit... When I trigger the click one time, I get errors, and with multiple trigger click its even worse and ends with a browser freeze. Index.html : <p class="click-see" href="inc/print.html">Enter</p> // When I click for example here <section
Determining which button was clicked
Hi all, fairly new to jQuery & AJAX, but been programming for years. I want to select a club and display data for that club. I am trying to use 8 vertical buttons like so: <button class="button" >Rotary</button> <button class="button" >Kiwanis</button> etc. and according to the one clicked, I display info with this jQuery. $(document).ready(function() { $("button").???set the correct div in next line by which button was pressed. $("#div1").load("clubFile.txt #divClub") the txt file is something
How to check all checkboxes that are in same array?
Hey.. I'm new to Jquery and could use some help.. The problem is next: I have a foreach loop that is going trow the array of rows in table..Now when I check one check box, the other checkboxes needs to be checked, that are in the same array. I hope that I made myself clear. Here is the table >> SERIJSKI BROJ 222222226 555555555 555555556 555555557 666666666 666666667 777777777 Here is the code >> <div class="col-md-6"> <table id="tabela_zaduzi_plombe" class="table-responsive table table-bordered
Strange Dialog .load Loop
Let me see if I can explain this without a million lines of code to start out with. User selects to add a new part. This then loads a Dialog box with a part search (part-search.php) in it. Part is then searched for. If a no in stock part is found it moves to a (part-add.php). Inside that page is an autocomplete jquery setup. Perfect, everything works great. Here is the redirect/load in new page script $(function() { $('#searchbox').empty(); $('#addbox').load('parts-add.php?pn=<?PHP echo
How to extract part of the resultXML of $.ajax() call?
$.ajax({ type: "POST", url: "some_url", dataType: "xml", success: function(result){ // code... } }); The code above returns me the following XML: <ALL> <FIRST> <content>of the first xml...</content> </FIRST> <SECOND> <some>other xml...</some> </SECOND> <THIRD> <content>of a DHTMLX grid</content> </THIRD> </ALL> I would like to assign the third XML to a DHTMLX grid but I'm not able to extract it from the output
replace undefined values in tablesorter with zero
Hi all, I am trying to replace undefined table values in tablesorter with zero. Can you please help me out on this. Thanks, Vinesh.
How do I use Ajax to get the selected option and save it into my database ?
While working on Ubuntu, I have a PDF file that I want to to convert into text, then I preg_match in order to extract the data I need. After this, I put my data lines into a drop-down list. How would you consider doing this ? - Reena Shetty (Private Consultant at FCC Pvt. Ltd.)
Error: Permission denied to access property "apply"
i am using ASP.NET C# development trigger http://localhost:33245/Scripts/jquery.min.js:14:5486 trigger/< http://localhost:33245/Scripts/jquery.min.js:14:6103 each http://localhost:33245/Scripts/jquery.min.js:3:3129 each http://localhost:33245/Scripts/jquery.min.js:3:700 trigger http://localhost:33245/Scripts/jquery.min.js:14:6079 n.fn[b] http://localhost:33245/Scripts/jquery.min.js:14:6565 <anonymous> http://localhost:33245/:943:21 dispatch http://localhost:33245/Scripts/jquery.min.js:9:8978
Next Page