Page reloading with e.preventDefault + unable to appen more than once
Hello, I am struggling with 2 problems, the first one is that I can only run the "appen" function once, and then even if I keep clicking on the function, no more than 1 click of data is added(at least the external file is pulled correctly). My second problem is that when I try to delete the appended data, the page delete the 2 fields from the external file but refresh the page while doing it Any idea why I am experiencing both issues please? Here is my code: <div class="col-md-2"></div>
Jquery Validate
Hi Guys, am trying to validate each step of the fuelux wizard,am working on webforms and as such i have one single form tag.Is it possible to validate elements inside a div instead of the form for every data-setp ? I am using the jquery validate plugin
How to use jquery to return a text value?
Hello, I was using ajax on my webpage to process my xml files, however, I wanted to process more than 1 xml file at any given time and started learning jquery. I am a beginner. I simply do not understand the way the function returning a value. If I use the alert() function just before the return statement (highlighted in red), then the main function calling the subroutine, receives the value returned, else it is a blank value. A short program I wrote is given below: --------------------------------
Selectmenu at bottom of screen unusable with laptop touchpads (aka how do I get the dropdown to go up but only when it overflow the bottom?)
Hello everybody, I'm currently using jQuery UI as part of a set of tools I'm making for my work. It's my first time using it, and overall I really like it. One part of the task is to make a system for other employees here to report issues using a series of dropdowns. Naturally I use selectmenu. It's nice. However, I came across an issue that I have been unable to find a fix for so far: when a selectmenu opens and overflows the bottom of the page, it becomes effectively worthless if I'm on a
Why JQuery Mobile doest work with latest version of JQuery ?
I´m trying to learn JQMobile and I know JQMobile needs JQuery, so I went to the JQuery site and got the lastest version, but it not work! I spent a lot of time to figure it out ! Then after hours I discovered (myself) that it works with JQuery 1.11.1..... You guys should put this in the docs ! Or if it is on the docs, where is it ?
How have some logic inside the jquery Grid for showing buttons
I have a Grid in jquery, I need to have some logic in buttons that are inside the jqery cells taht I am not sure how write the if/statement inside that. This is where bind the grid: function bindUser(result) { var deleteButtonHandler = function (arg) { var recordToDelete = ajaxresult[$(this).val()]; deleteRecord = recordToDelete; $("#deleteUser").html(recordToDelete.FullName); $(".modal-delete").show(); return; } var editButtonHandler = function (arg) { if(search === true) { bindEdit(searchResult[$(this).val()]);
JQuery on Inspiration tablet
Browser: Chrome 55.0.2883.91 OS: Android 6.01; NS-P10A7100 Build/MMB29M I'm having problems with a menu system written in JavaScript. Direct selections off the menu work, pull down menu selections do not. JQuery .ready event handler is the only JQuery used. Works fine on IE, Firefox, Chrome 55.0.2883.87 m on Windows 7 x64 laptop, Safari on Apple iPAD and iPOD.
stop setInterval on mouseleave
I'm trying to run a function every 1/2sec using setInterval on mouseenter & stop it on mouseleave. function checkRExist(xInter) { if ($('.g-recaptcha-bubble-arrow').length > 0) { console.log('reCaptcha Exists'); clearInterval(xInter); } } function stopInter(xInter) {clearInterval(xInter)} $('.g-recaptcha').on('mouseenter', function() { console.log('Mouse Enter'); var xInter = setInterval(checkRExist, 500); }); $('.g-recaptcha').on('mouseleave', function(xInter)
Beginner Problem How do I connect to php file
I have type many Jquery examples non give me a return from the php file. Do I need to reset permissions? The most basic example is: HTML file: <!- // https://www.youtube.com/watch?v=8wUu7pWBygY --> <html> <head> <script src="http://immenselyamazingmarketing.com/HTMLforTesting/jquery-3.1.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $('feedback').load(check.php).show(); }); </script> </head> <body> <form name="form"> Username: <input type="text" id="username_input"
is jquery-1.11.0.js secure?
Is the jquery-1.11.0.js file secure? The file is hosted on https://code.jquery.com. I would like to know if the site is protected and secure so there is no opportunity for a “man in the middle attack” to spoof jQuery and provide malicious java code/java scripts via an altered file/code on our end? Is this file secure to prevent it from being altered?
Jquery & Box2D problem
Hello, I am working on a website where every text elements falls to the ground due to the gravity. I implemented gravity in my website, but the problem is that it won't stop falling. I want to set the ground to my own position and not to the bottom of the screen. Here is my problem.. I managed to do this with random shapes thanks to a tutorial. Though I have struggles with combining the different parts of codes in one code. I have two different options. In this option the text starts falling, but
Building Bootstrap megamenu - Building and Aligning columns with data
I have below data which comes from ajax call, var mydata=[{"LINKURL1":"AA1", "LINKTEXT1":"AA2"},{"LINKURL2":"AA3", "LINKTEXT2":"AA4"},{"LINKURL3":"AA5", "LINKTEXT3":"AA7"},{"LINKURL4":"AA8", "LINKTEXT4":"AA9"},{"LINKURL5":"AA10", "LINKTEXT5":"A11"}....ETC TILL 250 objects max] I need to build columns using this data <li class="col-sm-3 col-md-3 col-lg-3"> <ul> <li><a href="LINKURL1">LINKTEXT1</a></li> <li><a href="LINKURL2">LINKTEXT2</a></li> <li><a href="LINKURL3">LINKTEXT3</a></li> <li><a href="LINKURL4">LINKTEXT4</a></li>
passing particular json data to another page
In my project, I have a JSON file. I display the data that is parsed inside a list (ul) under a div with the class, "inner", and show only the name and cost of each product that you can see in my JSON { "product": [ { "name": "samsung galaxy", "image": "https://rukminim1.flixcart.com/image/832/832/mobile/v/z/x/samsung-galaxy-on-nxt-sm-g610fzdgins-original-imaenkzvmnyf7sby.jpeg?q=70", "cost": "RS.10,000", "detail": "Flaunt your style with the Samsung Galaxy On Nxt. Featuring a drool-worthy body and
IF THEN Issue jQuery(function()
Hi, I am really sorry to bother you folks with such basics but I am pulling my hair out over using an if statement with this function below. I have next to 0 java experience and have spend all day trying to get this working. I am trying to make a slider/calculator to allow someone to work out total cost/discount Inputs: Course Type Wanted (Drop down but would like an option list if I can figure it out) No of Weeks Outputs PricePerWeek (Works OK) TotalToPay (Works OK for now but will
Applying a lightbox to JSON Data
I'm trying to pull images from the spotify API and give those images a lightbox. I've created a lightbox for images before but just not with using JSON data. Not sure what my code is missing. Your help would be greatly appreciated. This is an example of the JSON data that I'm trying to pull from. Below, I've bolded the areas in my HTML, CSS, and Javascript which are directly related to the lightbox. HTML <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
Checking the data-attributes on button press.
Hi, if I have a list view of four items all with a data-attribute - in this case data-color - how can I search through it to see if the value equals '-1'. If it does either enable or disable a confirm button. https://jsfiddle.net/ysyxvtyp/126/ Thanks.
dateFormat
I have a calendar which sends a date picked by a user to a database, this works fine. The date format in the database is day, date,month, year (fri, 30 December 2016). I then have this date displayed on a web page but the format is mm, dd, yy. Theres is an option for a user to select a date format: $( function() { $( "#datepicker" ).datepicker(); $( "#format" ).on( "change", function() { $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() ); }); });
Returning to default selection after collapse of select menu
Hi All, I'm using a jquery mobile form select menu similar to the ones on this page (http://demos.jquerymobile.com/1.0a4.1/docs/forms/forms-selects.html). What I am trying to do is whether the user chooses an option in the popup or just closes, I would like for the dropdown to go back to "Choose one" but it always sets to what was selected. Any thoughts on how to achieve this? This does not seem like it should be difficult. Thanks I apologize if this question was answered before but I have not been
Datepicker
Hi; I have installed datepicker widget in contact form 7, it looks to work on back-end but unfortunately the widget does not work on front-end. Do I need to do anything else to get it working well? Please help me, my Jquery knowledge is 0%. My back-end look like this. <div class="form-group"> [datetime* datetime-707 id:1744 class:your-date date-format:dd/mm/yy time-format:HH:mm min-date:1 max-date:1 months:1 placeholder "choose moving in date & time"] </div> Front-end look like this http://easyroom4u.co.uk/room/double-room-in-clapham/
How to get children of each element in a collection?
I have a form that allows user to add a dynamic/variable number of periods and each period can have a dynamic/variable number of intervals. I want to be able to save to and reconstruct those from the database. I figured best way would be to save the number of intervals per each period. I set up a codepen here: http://codepen.io/bg17aw/pen/eBBzVo Questions: 1) I know something about auto-iteration, collections, jquery objects, children() but not enough. When I do a $(".classname") is it more appropriate
How to use "this" in a selector expression?
Can I use "this" in a selector expression? Something like $("this > childrenelement")..... I did see here something like: $(' > img', this) But where is this documented/explained better? Since "this" is a javascript keyword and not just a jQuery keyword, it would be interesting to have an answer from both jQuery and Javascript point of view.
browsers, audio and setTimeout: differences?
Hello all, I have a function which loads a song, and, after a setTimeout, shows the title of the song and a link for new song. The function is attached to a link which displays as "#1"; the link for new song displays as "#2". The setTimeout was determined by playing the song through the browser locally, and synchronising it to a certain phrase--34 seconds from the start of the song. Online testing (OSX 10.11, clearing and disabling caches, private browsing) shows the effort to be precise is not
JQuery method .html() doesn't add the full HTML content from JSON response
I have some HTML generated by php using `json_encode()`, which look like this: ob_start(); if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post(); get_template_part( 'template-parts/content', 'test' ); endwhile; endif; $response['content'] = ob_get_clean(); die(json_encode(utf8_encode($response))); } This is how look the html from the php (wordpress posts): <article
How can you insert a variable into a string with php function
i have varibale: var content = 222222; var = content; content = '<p>'+ content +'</p>'; it work but when i want use php code inside var content = 222222; var = content; content = '<p><?php anyfuntion('+ content+') ; ?></p>'; it not work what wrong wtih it ? thank for help My code can rune php script, dont mind about it, i just consider why my content variable not work inside ( )
Read Google News IMAGE only
hi, I want to know how can I read the Google IMAGE only from the responseData of Google News? Thanks, Jassim
Variable as selector
Hi, i am trying to use variable in selector but its not working. i declare a variable when i click on table name (RCDT) and then i use variable as table id. it seems variable value is not being used in table selector. i can get variable value outside of function. following is my code.. here is full code. https://fiddle.jshell.net/1mfgny9j/14/ Thanks, $('div #selectgroupname').on('click', function() { if($(this).hasClass('clicked')) { $(this).removeClass("clicked");
Reset file input
HI i have this form : <form method="POST" action="" name="myform"> <div id="line1"> <button id="delete1">Delete Row</button> <input type="file" id="filetoup1" name="myfile1" /><br> Nome:<input type="text" name="nome" id="nomeup2" value=""> </div> <hr> <div id="line2"> <button id="delete2">Delete Row</button> <input type="file" id="filetoup2" name="myfile2" /><br> Nome:<input type="text" name="nome" id="nomeup2" value=""> </div> <input type="submit" name="submitted" value="invia"></form>This is the
toggle() without setting display to none?
Ok so I have only been playing around for jquery for a couple of days (dear god, its amazing, why am I just now doing this?) Basically I have a div box that I want to change sized when clicked. When the page loads its 150x150 and when clicked it animates to 500x500. I want it to return to 150x150 when clicked again, therefore I am using the toggle function. The first click resizes the div perfectly, but disappears. (the display property is set to none) I'm assuming this has to do with the toggle()
show hide a content
Hi I have the following website. http://shumoni.com/testing/quotations.php you can see there is Discount content with dropdown box "No / Yes" & next to it Partner with dropdown box. what I want is, when I select Yes from the discount, only then the Partner dropdown should show else it should be hidden in this page, by default the discount dropdown value is "No", so it should not show the Partner content when the page loaded. it should show only when "Yes" is selected from the Discount. thank you
checkbox + jQuery
Hello, I come to you because for some time I have been looking for the solution to my problem. I have a checkbox list with the same id each time. In my js I use the function (checkedval, optval), and I would simply add the class: active if the checkbox of the spotlight id is checked. thank you in advance
off topics
Hi I do apologies at the beginning for this post. I just stuck and could not find any way how to solve this problem or is there any resource so I can get help. thats why I post it here. and one kind request to the admin, please do not delete my post, here is the link http://shumoni.com/testing/page.php what I want is, when I will click "Save As Template" it should show me a message box or prompt box, where I can give a name of this template and it will save in the database (I already have the database),
jquery validation remote error messages
hey guys, i'm trying to find out if when making a remote connection in my validation, is it possible to return cusom error messages? here is the code i'm using at the moment. $("#reg-form").validate({ rules: { email_address: { required: true, remote: { url: "localhost/validate/email_address", type: "post", data: { email_address: function() {
show and hide nested divs using jquery
I am trying to hide and sow divs, I have done it in a primitiv way, and I want to do a smart function the problem is that the inner divs doesn't shows the functions name is showdiv() <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>hide demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button id="div1show">show div1</button> <button id="div2show">Show div2</button> <a href="#" onclick="showdiv('div1');">Klicka här för div1</a></br>
Convert Javascript to Jquery
Hi, i have to convert this javascript to jquery for wordpress. How do it? LoginCard : function(){ var This = this; var o = $("#AreaRiservataForm"); var data = o.serialize(); console.log(data); //alert(data) $.ajax({ type: 'post', url: This.sp, data: data, success: function(data){ console.log(data); //alert(data) data = JSON.parse(data); if(data.status>0){ o.find("input[name='codeLogin']").val( data.codeLogin ); o.attr("action","/card/");//E' Importante che l'ultimo Slash (/) sia presente altrimenti
validate plugin not working with master page in asp.net
I am using jquery validate plugin with my asp project. I am using Master Page and Content Page. I've downloaded all the necessary packages for using validate plugin, pleases see the image attached and followed the tutorial provided on http://www.dotnetcurry.com/ShowArticle.aspx?ID=310&AspxAutoDetectCookieSupport=1 But there is no validation showing on my pages. I checked my project pages with chrome and firefox but there were no errors showing in console too. Please can anyone help me with this
Autocomplete: Do not show results
Hello! I would like to hide the number of found/matching results, which are always displayed above the input field. So far the text is no longer displayed but after the input of the first character, the line is increased by the size where the results were. In the code, I did not find the place which is responsible for it. Currently, the website is hosted on fast managed wordpress hosting. Does it has anything to do with the hosting platform? Can someone help please? Thanks and greetings Priti
JSONP request always throws error for sytax :
hi, I have the below code , i am fetching the json using jsonp , since i need to use the values returned. function logResults(json){ console.log(json); } var fetchProp = function () { console.log ('[exwprop] > invoke fetchProp () method.') ; $.ajax({ dataType: "jsonp", url: "http://localhost:8888/abc-samp-module-catalog/env", jsonpCallback: "logResults", type: 'get', processData: false, crossDomain: true,
Upload file , send response when upload is terminated
Hi , i must upload large file between 1 to 10 (size from 20 to 50 Mb ) , the script work but i must wait too many time to take the response. How can i change page and allow user to see other page , but work the php script in background ? this is my code: in datiForm i append file $(document).ready(function() { $("#upload").click(function(e) { $.ajax({ url: 'lavorazione_inserita.php', type: 'POST', //Le info testuali saranno passate in POST
Drag Swipe using PhoneGap
Hello, I am creating an app where I would like to swipe from one page to another. I tried using an Open Source jquery plugin I found called dragend and although it worked while I was testing it on my simulation, it didn't work when I transferred it to my android phone. I am probably not googling right because I can't find anything online on how to using drag swipe for transition. Can anyone point out how I can achieve this or give some samples from other online posts? I just need an idea on how to
JQuery & Working With SVG's
I'm working with SVG, snap.svg library and jQuery so I'm hoping I can find some help here. I have a fluid effect SVG number for my percentage loader which counts from 0-100 and whilst animating, changes the fill percentage of the text. You can see a live demo here. However, what I need is for everything to work via a variable which goes from 0-100 do do the following; Change the percentage value Change the loaded fill value Change the colour of the loaded fill value (see below) Side Note: I would
Next Page