Continue iteration until button Stop is clicked
I have a div showing letters one at a time. var abcdef = ["A", "B", "C", "D", "E", "F"]; var time = 500; jQuery.each(abc, function(i, item) { setTimeout( function(){ $("#container").empty().append(item); }, time) time += 10000; }); <div id="container"></div> <input type="button" value="Start" /> <input type="button" value="Stop" /> So all the letters is shown one by one but only but only one round. I need the each loop to continue until I press
Remove previous closest class
From within a table cell represented by "$(this)" I need to remove the closes previous class of the name "highlight", within the same column. How can I do this?
How to target elements that are same class as sibling element?
When selectbox1 (.select-selected) is clicked on, dropdown1 (.select-open) displays. Correspondingly when selectbox2 is clicked on while dropdown1 is still open, dropdown1 will close, while dropdown2 will open. How do I do this? My current code does not work. My dropdown class .select-open is a sibling element to the selectbox element (.select-selected). <div class="select-selected"></div> <div class="select-items select-open"></div> $(".select-selected").click(function() { if ($(this).siblings(".select-items:not(this)").hasClass("select-open"))
How to pass URL string into JSFiddle for jQuery testing
What's the best way to pass a URL string into JSFiddle so I can test a new jQuery script?
jquery validation plugin - strange required behaviour
Hi Team, I have a form with several optional input fields. I would like them to be validated IF they have a value. In my rules I define code as follows: row: { required: { depends: function(element) { if ($("#row").val() != '') { return true; } else {
Not able to fetch value for edit Data Modal Form, from db through json data response
i need to fetch specific data from database and to be show in modal form ( Update / Edit Form ) , for i.g in form elemen i have this : <div class="form-group"> <label for="nama" class="col-sm-2 control-label">Nama</label> <div class="col-sm-10"> <input type="text" class="form-control" id="name" name="name" > </div> </div>then function event onclick button submit . function editEmploy(id = null) { if (id) { //fetch data $.ajax({ url:'pegawai/editpeg.php',
missing leading zero id from db using ajax
inside mysql db which is table employe in coloumn id_employee, some data have a leading zero, etc : id_employee : 0378192919 empy_name : Jack i need to get id_employee for delete employe in my aplication, then i using ajax method like this : if(id) { alert(id); $("#deleteBtn").unbind('click').bind('click',function(){ $.ajax({ url: 'pegawai/delpeg.php', type:'post', data: {emp_id : id}, datatype: 'json', success:function(response)
Dynamic divs not working in IE11
We're displaying data based on parameters in the URL string and it's working fine in Chrome and Firefox, but not in IE11. Here's what we have. CSS .welcomeNew{ display:none; } .welcomeBack{ display:none; } iQuery $(document).ready(function() { var visitor = new URL(location); var newvisitor = visitor.searchParams.get("v") if (newvisitor == '0') { $('.welcomeNew').show(); $('.welcomeBack').hide(); } else { $('.welcomeBack').show(); $('.welcomeNew').hide();
Create a Repeating Event with fullCalendar
I have a full calendar which current can show single events on the Calendar. I need to change it so when a customer select either weekly, monthly or yearly from a dropdown, the Calendar display for the whole period selected. So if weekly is selected, based on the Start date and End date with the End date for the Series, show everything on the Calendar. Attached find jsfiddle to my code. Any help will be appreciated. Repeating Events in fullCalendar
jQuery Multi Nested Lists Plugin
Hi , sorry for english , i find this plugin , https://www.jqueryscript.net/demo/Animated-Tree-View-Plugin-For-jQuery-Bootstrap-3-MultiNestedLists/ there is a way to set which node are open and which ar closed on document load?
show only 10 rows of a <table> markup and then change the list with arrows
Hi everyone, I have to tell you that i'm not english before you judge my english level xD. I wanted to know how can i show only 10 rows of the <table> markup then add right and left arrows wich make the list go to the next or previous list. I just need an exemple to understand how it works, i can't send you my code, because if i send you 1200 lines I don't think you'll have the time to read it.
Ajuda
Estou aprendendo agora, incluindo a linguagem em RPA. Tenho um check box onde o codigo abaixo funcionava perfeitamente, derrepente já não funciona mais. Preciso de uma ajuda, Só pode preencher oitem que estiver na variavel. eu fui mexendo e fuçando, consegui fazer clicar em todas as opções. Mas eu precisava MUITO QUE SELECIONASSE APENAS O CORRETO. Sabem me dizer onde posso estar errando?
Ajax Call to PHP - TypeError - obj is undefined error
Trying to read ASCI color codes in order to see them on the screen. I am reading a file that is a json file to start with. My code is below. The response is in the attachment Created by Web Developer tools. Here is my php code. <?php // Read JSON file $json = file_get_contents('./ASCIColors.json'); echo $json; ?>Here is my html code. <!DOCTYPE html> <!-- Comments about the program --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title> Pizzi Contacts
Refreshing an image after running JS function
Hello, I have a small app with one form. It has three pages/tabs. Page 1 and 2 have input fields. Tab 3 has an image control. I call a JS function to manually change the src attribute of the image to be displayed. The following is the code in the function: $("#obvImage").attr("src", "/uploads/"+$("#CC__Coin_Image_Name_Obv").val()); On page 2 is a field where I enter the file name of an image I want to display. When I Insert a new record, and go to page three, the image does display.
Problem with simple function (onscroll Event)
Hello, can someone help. Should animate to top on scroll but it doesn't. https://jsfiddle.net/m17wvz3c/
Login on welcome page is too small.
I cam to the site to ask a question. I have to login. The 'home' page has two columns. The login is top left in a column that is too small such that one sees half the name and password field but not all the links below it. I clicked the login link in the top right and ... it took me to another page with two columns, the left one blank and the right one containing a login area which again is too small too see anything See the irony here? jQuery forum - web page design?
How to clear data in dynamic bootstrap modal carousel (ajax)
Hi. I’ve been create a dynamic code for modal carousel in ajax and bootstrap 4. I have not been able to clear the bootstrap carousel content after each event in ajax calls. I have tried to use some jquery functions like ('.imagen').remove, (’.data-slide-to’).html("") or $(“body”).html(content) in ajax to refresh the page and prevent increases of data every time I open modal carousel but the html content is not removed. Someone knows how to get it. Thanks in advence. index.php <!DOCTYPE html> <html
Pop-up box containing text taken from another file
I am a (relatively inexperienced and unsophisticated) webmaster of a website to which some time ago was added a mouse-over function whereby a footnote appeared in a box when the curser was held over the footnote number in the text. To add this function, I uploaded jquery.js (date: 2009-02-19 17:34:21 -0500 - Thu, 19 Feb 2009 - revision: 6246), footnote-voodoo.css and footnote-voodoo.css and each file with a footnote includes an appropriate link to these files. I now wish to add an additional function
Error: Cannot read property 'addMethod' using jQuery Validation
No one was able to solve this on Stackoverflow.. https://stackoverflow.com/questions/54384682/using-only-one-jquery-validation-script-that-also-supports-addmethod Error: Cannot read property 'addMethod....https://forum.jquery.com/topic/validator-addmethod-not-recognized **What is the ONE verision that supports both jQuery validation AND the addMethod?** It can be done like this fiddle http://jsfiddle.net/ryleyb/cc9yxt2a/ Anyway, here is my "working" code (works except it does not detect only letters):
Make impossible to set a Departure date if Arrival date is not set
Hi.I am using the jQuery datepicker to get Arrival and Departure dates, with success. I would like to improve it making it impossible to set a Departure date if Arrival date is not set. When the Departure input field is selected by the user but if the Arrival date is empty I would like to force it opening the datepicker in the Arrival input field. Can give me some guidance to achieve it? Thank you very much.
Datepicker + Moment.js months calculation (and reverse)
I have the following two input fields. In the first one there's a dropdown with the months values and on the other one i have the datepicker input box. Using the boostrap-datepicker and moment libraries, I want to achieve the following: 1) On dropdown selection the datepicker value should change based on the month value [DONE!]. 2) On date change it should check if there's the specified value of months interval in the dropdown on the left and then add the "selected" attribute on the option. Here's
jQuery Val() Function Cannot Change Dropdownlist Selected Value
I have a VB.net web form that consists of a dropdownlist called ddlAuthor, a textbox called txtYear, a search button, and an asp.net gridview. After user selects the author's name in the ddlAuthor dropdownlist box, type in the year in the txtYear textbox, and click the search button, a gridview called AuthorGridView will show up. The gridview consists of Author , Book Title, Year of Publication, and Coauthors columns. The left most column in each row of the gridview contains the Edit link followed
Datepicker special control
I have a need to do the following and do not know how to set up Datepicker. An input box which will take text from user. I want Datepicker to show only after the user typed the the text "date(", and this allow the user to pick a date and append the date string the text - e.g. "date(2019-01-10". Now the user can continue to type and pick another date later and the now date will keep append to the text of the input box. Below is my design: User input --> a key up event callback will check input for
A scrollable month column in a table
What I have been asked to look at is within a table, we have 1 column that is a month column and beneath it are rows of data as figures. As there 12 months, I cant fit them all in one column, so what I want is for it to be January on load, and either side there arrows, if the user clicks the right arrow it goes to February and the whole column moves to the left to display the data for February. Then if they click the right arrow again March appears, and all the data for march in each row in that
How to change specific characters at the end of ALL hyperlinks w/in webpage with jQuery
Hey all, I have a list of items with titles that are hyperlinks to the actual content. The code below removes the .aspx part from the title, but for some reason the code also changes all titles for each item to be the same. Each item should have a unique title with the .aspx removed. Any help is appreciated! $(document).ready(function () { var val = $(".dfwp-item .link-item a").html(); $(".dfwp-item .link-item a").html(val.substring(0, val.length -5)); });
Query undefined when trying to match dates
When trying to check if dates match in two divs, e.g. <div class="start_date">Wednesday 01 January</div> <div class="end_date">Wednesday 01 January</div> This is what I've written so far, but keep getting "undefined" var a = $('.start_date'), b = $('.end_date'); if( a.text() == b.text() ) { $('.end_date').addClass('hide'); } Any ideas what I'm missing...?
run script when loading a jquery page with a link
Hello and thank you in advance for your help.
I am creating a small mobile application for viewing videos. I want that on a click, they can perform an action. So instead of using an iframe from youtube I use the youtube API. As presented in the code page attached.
I have two pages of sub-menus before accessing the page that contains the links to the videos (so the page is probably called in AJAX) The problem is that when I run the page the video is not immediately created by the youtube API. she
Api + MD5
Hello anyone I'm very new at The API tell: Client -> Server http://192.168.1.150/goform/apicmd?cmd=0&user=admin Server -> Client <?xml version="1.0"encoding="UTF-8" ?> <Configuration> <ResCode>0</ResCode> <RetMsg></RetMsg> <ChallengeCode>5c0e1f55b54be2d0c56004ba349fb726</ChallengeCode> <IDCode>UM1NWDJYC19LOEYQRWNA</IDCode> </Configuration> Client -> Server http://192.168.1.150/goform/apicmd?cmd=1&user=admin&authcode=<authcodes tring>&idcode=<idcodestring>&type=opt_type authcodestring = md5(ChallengeString:remote_pin:password);
Pull specific areas of data from XML
This is the XML file and I can pull through all of the data, however I want to be more specific, for example there are multiple addresses and I want address1 from id=4 and then email from id=6 <Members> <Member Member_Id="4133" Dods_Id="62823" Pims_Id="5593" Clerks_Id="1220"> <DisplayAs>Andrew Bridgen</DisplayAs> <ListAs>Bridgen, Andrew</ListAs> <FullTitle>Andrew Bridgen MP</FullTitle> <LayingMinisterName/> <DateOfBirth>1964-10-28T00:00:00</DateOfBirth> <DateOfDeath xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:nil="true"/>
geocomplete zoom not working
I have this code $(function(){ $("#geocomplete").geocomplete({ map: ".map_canvas", mapOptions: { zoom: 25 }, details: "form ", markerOptions: { draggable: true }, }); $("#geocomplete").bind("geocode:dragged", function(event, latLng){ $("input[name=lat]").val(latLng.lat()); $("input[name=lng]").val(latLng.lng()); $("#lat]").val(latLng.lat());
Link manipulation (DOM-based)
Hi all, we use jquery-3.3.1.js in our application. Burp scan found a Link manipulation (DOM-based) vulnerability in JQuery sources: // Anchor tag for parsing the document origin originAnchor = document.createElement( "a" ); originAnchor.href = location.href; Data is read from location.href and passed to the 'href' property of a DOM element via the following statement: originAnchor.href = location.href; and one more place: // Set the base href for the created document
Search in Datatablejquery
I wrote the following code. How can I when I click on "div" in the first column(Name) if a name equal to "aaa" then a message show up? I uploaded the code in OneDrive. Here you are: Datatablejquery
Using to jQuery to access JSON nested array starting with dates
I'm attempting to build a ajax call from some json data jQuery.ajax({ type: "GET", url: "websiteurl.com", success: function(data) { jQuery.each(data, function(i, val) { $("#label").append(document.createTextNode(val.label)); $("#url").append(document.createTextNode(val.url)); }); } }); Here is the jSon (url I've been given) { "2019-01-29T00:00:00+00:00": [ { "type": "refuse", "label": "Refuse",
Modify or add jQuery to show unlimited entries from another lookup list from SharePoint Online
Hello all, I am using from a online post which you have cascading parent/ child/ grandchild list with the help of two jQuery's. Main js.file -------------------------------------------------------------------- $.fn.HillbillyCascade= function (optionsArray) { var Cascades = new Array(); var NewForm = getParameterByName("ID") == null; $.fn.HillbillyCascade.Cascade = function(parent,cascadeIndex) { if (cascadeIndex!= null && cascadeIndex+1 > Cascades.length) { return; } else if(cascadeIndex== null)
How to detect scroll from inner page and apply if statement logic if page is not scrolled?
Hello, I am a bit struggling on this one. I have build an app with Jquery and would like to detect the scrolling on the mobile so I can hide or show my navbar. My first problem is this code example from the jquery website: $( "#target" ).scroll(function() { $( "#log" ).append( "<div>Handler for .scroll() called.</div>" ); }); The problem in this example, it does not show how to apply an "if" statement if the page is scrolled or NOT scrolled. ie: If(pageIsScrolled){ app.navbar.hide('.navbar'); }else{
Show total of data attributes based on different data attribute name
The title probably doesn't explained what I'm trying do very well . I have the code below output and what I'd like to do is total all the data-distance arrtibutes where the data-team name is the same. So using the code below I'd have 3 totals, one for admin, one for stores and one for sales. <div class="team"> <div class="hours" data-team="admin" data-distance="1.77"></div> <div class="hours" data-team="admin" data-distance="9.375"></div> <div class="hours" data-team="admin" data-distance="6.3"></div>
How to change Datepicker to chinese
How can I change the datepicker to chinese in my following coding? <input type="text" name="my_value" id="datepicker1" /> <link rel="stylesheet" href="jquery/jquery-ui.css"> <script src="jquery/jquery.js"></script> <script src="jquery/jquery-ui.js"></script> <script src="i18n/datepicker-zh-TW.js"></script> <script> $( function() { $( "#datepicker1" ).datepicker({ dateFormat: "yy/mm/dd", } ); } ); </script>
animated background color using jquery
Bonjour ! I was wondering if it was possible to create an animated background for the home page of my website using those two png images ? Regarding to this example : belius.de ? By inspecting this site, I understand that using jquery for animation is required. Unfortunetely, I don't know how to use jquery, so I was wondering ,if there is a way to show me the structure of the code to create this movement of gradient or, if there is a simpler way of creating this animated background with images !
Using Jqueqy tabs in content page holder
Hello, Could you please send me an example of how to use the jquery tabs in a content page with a master page. Cause i tried with no success. it's seems that i am missing something case the javascript files that i link are not recognize .maybe i don't add them in the right place. Thank you Waiting for your example
Jquery Mobile Auto complete sending multiple requests
I have jquery mobile autocomplete which is functional, but if I type anything it sends requests thrice for one keyword. How can I avoid this? I am sending country and city name along with the keyword to get City name and City code. Upon city name selection city code gets populated on a different input box. I would really appreciate any suggestion. Thanks. //Auto Complete Function $( "#cityname" ).keyup(function() { var country_val=$('#country').val(); var state_val=$('#state').val();
Next Page