Following code to check status and display hamburger menu is not working.
$(document).ready(function(){ var menustatus = 0; if(menustatus==0){ menustatus=1; $(".hamburgerMenuIcon").click(function(){ $(".menu").css("display", "block"); }); }; else{ menustatus=0; $(".hamburgerMenuIcon").click(function(){ $(".menu").css("display", "block"); }); } });
Can't see jQuery icons at Chrome extension
I try to use datepicker jQuery at an Chrome extension. I succeed to use it exclude icons of jQuery. The icons my extension tries to take from site. For example from facebook.com if I open the extension with facebook. I tried to discribe the icons at the some places of the manifest and put them into some folders but not succed. What can I do?
Locating nearest section id if it exists
I need to pass the id of the nearest "section" if it exists. If a section doesn't exist, I need to pass the "formPlace" hidden field. If that doesn't exist, I need to pass the URL of the page. How can I do that with jQuery? <section id="contactForm"> <form... <input type="hidden" name="formPlace" id="formPlace" value="contact1234"> ... </form> </section>
How Determine If jQuery Is Critical To First Paint?
How can I determine if jQuery is critical to the first paint of my web pages? I received a message in Google's Lighthouse to consider delivering critical js/css inline and deferring all non-critical js/styles. I'm wondering if jquery can be deferred. I'm using 3.3.1/jquery.min.js linked from ajax.googleapis.com. Thanks!
JSON not working http://prajaktasoftware.com/egram/registergp.php
Dear Sir JSON not working http://prajaktasoftware.com/egram/registergp.php http://prajaktasoftware.com/egram/codedetailsjsonfill.php?id=271606001 giving output {"0":"3","id":"3","1":"1","status":"1","2":"1","srno":"1","3":null,"image1":null,"4":null,"otp":null,"5":null,"pan":null,"6":null,"tan":null,"7":null,"gst":null,"8":null,"aadhar":null,"9":"0","stateid":"0","10":"0","vibhagid":"0","11":"3","districtid":"3","12":"3","talukaid":"3","13":"AAPATGAON","namee":"AAPATGAON","14":null,"namem":null,"15":null,"panchayatsamiti":null,"16":null,"villagename":null,"17":null,"namesmall":null,"18":null,"namecap":null,"19":"271606001","code":"271606001","20":"0","gp":"0","21":"AAPATGAON@gmail.com","emailid":"AAPATGAON@gmail.com","22":null,"password":null,"23":null,"recoveryemail":null,"24":null,"verificationnumber":null,"25":null,"detail":null,"26":null,"first_name":null,"27":null,"last_name":null,"28":null,"address_line1":null,"29":null,"address_line2":null,"30":null,"postal_code":null,"31":null,"ipaddress":null,"32":null,"person1":null,"33":null,"mobile1":null,"34":null,"person2":null,"35":null,"mobile2":null,"36":null,"regdt":null,"37":null,"tinyimage":null,"38":null,"smallimage":null,"39":null,"bigimage":null,"40":null,"smallwimage":null,"41":null,"bigwimage":null,"42":null,"actualimage":null,"43":"2018-06-19
colorbox with dynamically loaded html
I have a roundabout image track with thumbnails that is dynamically loaded into the site via PHP and jquery. That is all working. Now I'm trying to get the thumbnails to link to colorbox so users can see the larger pictures. Trouble is, when I attempt to use the colorbox, I still get the links just opening in a new window instead of the colorbox modal or whatever it is. Any help would be greatly appreciated. Here's some of the code that I'm using. index.html <section class="roundabout"> <div class="reel">
Reveal dropdown happening twice only on ipad
I have a dropdown which is dynamic so the height should match the content and remain responsive. It works on everything except ipads (tested on ipad 2 and 3), chrome and safari exhibit same behaviour on it. I dont think its a double click issue. Heres the jfiddle to see the issue. Any help appreciated. Edit: Fix below using animate instead :) https://jsfiddle.net/Bassquake/q2zo6e7b/1/
PHP array to jquery
I have a PHP page that grabs images from a directory and puts the file names into an Array. I can display the images on the PHP page using a foreach loop so I know the PHP is grabbing the file names. I script src=getImages.php on my web page but cannot get the images in the array. After a lot of googling I think I need JSON or JSON_encode or JSON implode. But after many iterations of trial and error I'm here asking for help. I want the image names in the array from the getImages.php to be available
Randomize response message
Hi. I have AJAX form for WordPress that sends user email to my inbox. Here is js code for it https://pastebin.com/p9hhz4M7 I need to randomize displaying success (line 9-10-...) and error messages (line 25-26-....) regardless of the actual result. This form is just for testing purposes. How can I achieve this? Thanks for help.
Page Redicrect when clicking full calender. where date as argument?
well, i am trying to work with fullcalender in a portal. where when user clicks on date it redirect to a new page which list the appointments from mysql database table. where date clicked by user should act as the parameter. well i'm integrating following calendar in Laravel MVC pattern. well its should be purely Jquery no Ajax or JSON should be used. $(function() { // document ready $('#calendar').fullCalendar({ dayClick: function(date, allDay, jsEvent, view) { window.location.assign("http://localhost:8000/administrator/appointment/{{$date}}");
help adding 3 text box values and show in a 4th
Good Afternoon every one I'm very new to jquery and javascript I have 3 text boxes that I need to add up there values and display the result in a 4th textbox I have a functiion that I got from a friend but it's not calculating the 2nd textbox value which is populated form a total of a table column I've tried every thing and cannot get this to work here is the code <script type="text/javascript"> $(function () { var textBox1 = $('input:text[id$=tij]').keyup(foo); var textBox2 = $('input:text[id$=ptotal]').keyup(foo);
Newbie needs help with jquery multiayer menu
Hello there, I am a beginner in java and have no idea about javascrip, but have tried my best with this,I need to create a dynamic dropdown menu from a predefined array. Here is the array I need in javascript var Alerts = new[] { new Alerts { Id = 1, Module = "Form I", Application = "Registration", Message ="1" }, new Alerts { Id = 2, Module = "Form I", Application = "Registration", Message ="1" }, new Alerts { Id = 3, Module = "Form I", Application = "Retire", Message ="1"
jQuery UI Accordion not working
Hi, I have implemented an accordion effect in one of my wordpress post, and then it works fine when open in desktop and mobile browser. But when the post was shared in FB and open from FB Mobile Browser, the accordion effect actually not working. Basically no collapse, no effect, totally no working. Anyone having such issue?
validate plugin - customising error message with ajax return data
I want to use the remote ajax call to determine something about the content of my input text box. I then want to use some of the ajax response in the error message, but I cannot see a way to connect something I do in the success function of the ajax call into the message. Could I iterate over errorList to find the structure for my fieldname and remote method and then dynamically replace the message? Would this work? I have read adding your own method for many articles mentioning overriding the message,
Property missing
{"10-29-2018":{"trip_date":"2018-10-29","dataset":{"09:30 AM":{"available_seats":"54","already_booked":0,"max_seat":"54","internal_only":{"07:00 PM":"0"},"stop_selling":{"07:00 PM":"0"}},"07:00 PM":{"available_seats":"54","already_booked":0,"max_seat":"54","internal_only":{"07:00 PM":"0"},"stop_selling":{"07:00 PM":"0"}}}},"10-30-2018":{"trip_date":"2018-10-30","dataset":{"09:30 AM":{"available_seats":"54","already_booked":0,"max_seat":"54","internal_only":{"07:00 PM":"0"},"stop_selling":{"07:00
expanding "r.fn.init" object in console
I used console.log on a $(e.target).parent() and I have something like this: r.fn.init [li, prevObject: r.fn.init(1)] However,when I expand this object, this is what I see: r.fn.init [li, prevObject: r.fn.init(1)] 0: li.active length: 1 prevObject: r.fn.init [a#link-LEVEL4-01] __proto__: Object(0) I don't understand why "li" is set on active inside. When I used the function addCLass() or removeClass(), it seems to affect only the "li" that I see beside r.fn.init, but not the "li" that I see inside.
Change class on Scroll - Vertical Dot
Hi there, Im trying to write the cleanest code to change a dot colour on a vertical dot navigation element. Basically, when the user scrolls to the next section, the class should be removed on the old circle, and added to the new one. This is what happens when the user clicks the button (the code is wrapped inside a click function). //Change dot class circle_curr = '#' + curr_pos.toLowerCase() + '_circle'; circle_target = target + '_circle'; $(circle_curr).removeClass("current"); $(circle_target).addClass("current");
Page Transition Problem with Safari and Google Maps API 3.31
Google recently moved to Maps API V3.31. Now in Safari if I select the Back button on any page it does not respond on the first tap. The second tap does seem to work. <a href="#" data-rel="back" class="header-btn ui-btn-left"><img src="css/images/white/765-arrow-left.png" />Back</a> But then any panel (popup, page) that gets closed always goes to the main panel. This does not happen in Chrome. And it does not make any difference if its the page the map is on. Just having the API loaded causes the
a href to DIV causing img issues
I am trying to link an automatically created series of thumbnails so when someone clicks on one, it opens in a div that will display the full version of the photo. When I click the link, it opens in the DIV but instead of the picture I get a lot of: ���� JFIF ��C ��C �� X � " �� ��J ! 1A "Qa q2� #B���Rb���� $3�r�� 4C%� 5Sc����� ��7 !1 AQ " 2aq����#B��� 3R� b���
Synchronous loading causing warning
I am developing the jQuery plugin below, and this issue at GitHub was raised by a user . The plugin is responsible for "throwing" a warning in the console: Synchronous XMLHttpRequest on the main thread is deprecated because of
its detrimental effects to the end user's experience. I attempted to research the possible cause and have ruled out that it is due to a missing async: true in the central $.ajax() call. Next, I've ruled out, that it is due to attaching script tags, as described in here...
help with column total display
Hi every one, I have two html tables parts and items that the rows a added dynamically, with the same code the tables add and remove the rows but the the total for the item table displays in the total text box for the parts table, also can't get them to subtract the total when a row is deleted here is the full code <input type="checkbox" id="chkparts" /> <label>Parts </label> <div id="dvParts" style="display: none"> <form id="parts"> <table id="purchaseItems" name="purchaseItems" align="center">
Dynamically tooltip into dropdown(select – Option)
i trying to add a tooltip on select option when it is selected from drop down Can any one help below is code <html> <head> <title>test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" ></script> <script type="text/JavaScript"> $(function () { $("#sel option").each(function(i){ if(i>0){ var title="The select val=" +$(this).val(); $(this).attr("title",title); } }); } ); </script> </head> <body> <select id="sel"> <option Value="One">One</option>
JSON is undefined - Jquery results stops working
hi guys I have this ajax post which worked when I used test values However on changing it to real meaningful values (e.g I used my family names as return values) After changing it to (Output, SQuantity, Output and total) it stopped working. Here is my code below please advise function ehi(e) { var fd = new FormData($("#Shops")[0]); $.ajax({ type: "POST", url: "/Shopping_Basket/Shop_AddToBasket", // contentType: false, processData: false, data:
How to sort a json array using jquery
{"10:35 AM":{"available_seats":52,"already_booked":2,"max_seat":"54","internal_only":{"10:35 AM":"0"},"stop_selling":{"10:35 AM":"0"}},"04:10 PM":{"available_seats":"54","already_booked":0,"max_seat":"54","internal_only":{"04:10 PM":"0"},"stop_selling":{"04:10 PM":"0"}},"12:05 PM":{"available_seats":45,"already_booked":9,"max_seat":"54","internal_only":{"02:10 PM":"0","12:05 PM":"0"},"stop_selling":{"02:10 PM":"0","12:05 PM":"0"}},"02:10 PM":{"available_seats":"54","already_booked":0,"max_seat":"54","internal_only":{"02:10
Calendar date rolling back to 1930's
I am using a custom Jquery code for Jquery Calendar date picker. For some reason when a date is a and user user want to edit it, the date now shows 1930's. Say I first picked 10 Dec 2028, when I come back to pick it to edit, it now show 10 Dec 1928. Below is my code. Any help will be appreciated. var format = 'd M y'; // Jquery 'd M y' must match .net 'd MMM yy' date format function clear_form_elements(ele) { $(ele).find(':input').each(function () { switch (this.type) { case
If parent element contains certain child element
Hi. I'm trying to hide sertain elements <button class="sidebar__categories-toggle">></button> only in those divs that do not have child elements <ul class="sidebar__categories-list"> . So if category has subcategories then I need this sign <button class="sidebar__categories-toggle">></button>, but if not - then I need to hide it https://jsfiddle.net/advokatb/cxw7q1f8/11/ Tried (function(jQuery) { jQuery(document).ready(function() { if (jQuery('li.sidebar__categories-item').find('ul.sidebar__categories-list').length
Highlighting works for some cells, but not others
I'm dealing with this script for a while now, I couldn't fix this. Some cells are highlighted some are not. When you make a selection from the select box, the matching value's supposed to be highlighted. it only works for some cells. Can I get some help, please? For example, if you select 1, it works. but it doesn't work for 2,3 This is my pen. https://codepen.io/Mattix/pen/QZJxrb . $("select").change(function () { var selectIndex = $(this).parent().index(); var value = $(this).val(); $('th',
jQuery alternative for slice call argument
Is there a cleaner way to do this using jQuery? I had a solution worked out to display the dynamic phone number, which is based on the URL string, using the id, but then realized the phone number could possibly appear in multiple places on the page. $(document).ready(function(){ var tfn = QueryString.tfn; if(tfn == '1111') phoneVar = '800.555.1111' else if(tfn == '2222') phoneVar = '800.555.2222' else if(tfn == '3333') phoneVar = '800.555.3333'
changePage () loads and returns to the previous page
Greetings. I am developing an application for the loading of articles for an invoice, and I have been using changePage () without problems usually a series of inputs are initialized and selects with javascript / JQuery. but when you search for an article and load a datatable it shows me the resulting page with the datatable loaded and returns me. Next I show the used code. Custom toolbar element within the datatable: <div data-role="controlgroup" data-type="horizontal" data-mini="true"> <button
Widgets Dialog : JQUERY UI LOAD CONTENT FROM URL (Javascript is not invoked in popup model)
Hello, I was able to load the external URL JSP page content into Div of parent page but Javascript functionality in popup is not working for any buttons. Below is the code to open popup and load the content . (function($){ var url = "Servlet path"; var tag = $("<div></div>"); tag.dialog({ autoOpen: false, height: 230, width: 550, modal: true, beforeClose: function(event, ui) { alert("beforeClose called"); } }); $.ajax({ type: "GET", url: "Servlet path", dataType:
Return data after ajax call success
Hi everone how can I return data after ajax call success. I try to do it using async: false, but my browser is frozen. I wan to do something like this function ajaxtest() { var ActChatDepartmentArray = new Object(); $.ajax({ url: 'ajax/boldjsonfilewithoneparam/', type: 'POST', async: false, headers: { "X-CSRFToken": '{{csrf_token}}' }, data: { 'DepartmentID': DepartmentID, 'paramString': "DepartmentID",
understanding jquery versions
Hello guys I started using jquery feb this 2018 and have been using it with visual studio and Microsoft MVC .NetCore However I have a few questions, Visual studio by default puts version 1..x in all developed pages and I was reading the docs on the jquery website and it says version jQuery 3.3.1 is out and versions 1x and 2x will not be receiving patches anymore I take it that I must upgrade and the versions 3x are backward compatible to my projects ? many thanks Ehi
Get id's for a class after time interval
Dear Sir/Madam pls refer https://jsfiddle.net/xpc9avqy/ I want to upadate all id's '.followup' every 5 seconds. The Jquery is run every 5 seconds which is happening properly , the way we want and expected However when we want to derive the Id's for 1st Time I get the id's (displayed as Alert message) proper;y however when thsi Jquery is run again after 5 seconds, I am not getting the Id's proper;y what can be be reason and what corrections I need to make to avail correct Id's for the class '.followup'
Tab titles are not bottom aligned - what to look for?
I've got a page with horizontal tabs above various data. A screen shot shows the problem. I can provide the HTML, but unless someone has a trick for "exporting" all relevant CSS for a particular element, that would be tough to do. Thanks in advance for any suggestions. I had this problem a year ago and it was font-size related — changing the font size using Meta-+/- would eliminate it, but now it's back and it doesn't go away when changing the font size.
Is there a better way to rewrite my ajax call please
Hello, I am using jquery with an API, I need to output different error messages based on the response. I would like to know if there is a way to rewrite my ajax call in a more efficient way please, why? 1)I would like to shrink my responses with only 4 possible outputs ": 200 401 500 and else(a global for all the other errors). <--- how to default any other errors to one single response? Also, I have noticed that when the API is down and the the ajax returns error 503, I am not able to catch this
Multible pages one file
so if i want one html file with a header that opens another page into same page instead of opening new link like maybe 5 or 6 pages in one file with a div for each how would i do that i host with a provider that charges more for more pages and want to have all pages in one html file so i dont have to pay sorta like the code in the image but this one seems to have bugs with multi page
Ajax connection time out on firefox & Edge
I am calling a method in server side using ajax. This server side method is a batch operation and it takes around 20 - 30 mins to complete. When I run the web site on Chrome everything works fine. Bur on Edge and Firefox the ajax error method is invoking after around 1 hour. When I enable the logs the server side method is completing without an issue. But the ajax success method is not calling. After the server side method complete, ajax call is still active and after some time ajax error method
How To Make An Element Move Diagonally (i.e. Hold "Up" and "Right" Arrow Keys) With Arrow Keys
I have everything setup so that whenever I hold one of the Arrow Keys, my DIV will move in the direction that I push. But when I hold one of the Arrow Keys, and then hold another one at the same time (i.e. Up and Right) the DIV only moves in the direction that was first pushed, instead of moving Diagonally.
display content relevant to link on same page
Ok, i am new to jQuery, beginner. Briefly, on page there is scientific article with cross references. And when you click on reference (example 1 ) on number 1, then the box opens and display some text relevant to that link. And that text is also on same page but in part where is literature. So, user instead to scroll all way down, he can just click on reference and see in box what it is about. I can post link to this site to see what i mean but i don't know if its in line with forum rules? I did
How to integrate Jquery with html
Hi All, This is my first question on this forum. I am automating a process wherein I need to login to a website and navigate to specific tab and then download few CSV files from that website. I have written a Jquery code which works fine in chrome console but I want to integrate this code with html and I am not able to do that as I am not sure what should be called in body tag of html. Can somebody please help me ? <!DOCTYPE html> <html> <head> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Next Page