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>
How to loop through form elements created with the append function
Hello, How to loop through form elements created with the append function ? var html = '<tr>' +'<td><input type="text" name="label[]" class="label width400" value="" required /></td>' +'<td class="formElem"></td>' +'<td><input type="text" name="name_column[]" class="name_column" value="" class="width400" required /></td>' +'<td><button type="button" class="removeColumn">-</button></td></tr>'; var numColumn = $('#numColumn').val(); for (i = 0; i < numColumn; i++) { console.log('i : ' + i); $('#table_create').append(html);
Don't work animate
Hi Using jQuery full version 3.3.0. My code: html: <div></div> <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.0.js" ></script> js: $( document ).ready(function(){ $(document).on("click", "div", function(){ $("div").animate({"background-color": "rgb(100,100,100)"}, 500); // don't work!!! $("div").animate({backgroundColor: "rgb(100,100,100)"}, 500); // don't work!!! $("div").animate({width: "+=200px"}, 500); //$("div").css({"background-color":"#f00"}); });
Not work method hide() of present element
Hi Using jQuery lib by version 3.3.0. Not work next sample. When click on img tag, his don't hide. Img element is present on the page. For run: click on the map and paste URI to prompt window, then click OK. Click on image, after it was added. Example, https://jsfiddle.net/xte8sam3/3/
Zoom elements inside dialog window
When I want to zoom out elements on a web page I then Scroll the mouse wheel up or forward while holding down the "Ctrl" key. Is it possible to set a default zoom out on a div? I use a dialog window to show the div and I want the elements inside to be about 50% smaller then full size.
SHowing all menus when page loads
I've got this ( https://0422f88.netsolhost.com/ ) website menu coded. Every time each page loads all menu levels show. Is there something I can do to change this? I don't want any menus to show until the user hovers over the word in the main menu.
jquery function .post working on Chrome & IE but not in Firefox
I am using a jquery function with .post for logging in. This function works in Chrome & IE but not firefox. With firefox I have to try login more than once. The username & password are cache so I am not typing them each time. $('#submit_login').click(function(e){ $userLogin = $('#user_login_name').val(); $userPassword = $('#user_password').val(); //alert("in submit login" + $userLogin ); $.post("login_ldap.php", {userLogin: $userLogin, userPassword: $userPassword})
JavaScript function collision?
I have an Adobe Animate CC project that I have changed to make it better. It is problematic because Adobe has not done a good job of generating code that can run simultaneously on a page. I manipulated the code to be able to do this. Understanding a good amount of JavaScript but not everything I can get this to work. The Adobe Animate CC program generates code that is native Create JS. The local script connects to Create JS to make things animate. When I run the code without a JavaScript timer I
jQuery 12.4.1 and Validate.js 1.17.0
Hello - I have a strange issue where I have jquery 1.12.4 (have tried 1.11.1 as well) with validate and if I load jquery.js then validate.js - it does not work (it continues the form against rules and no error message is displayed). If I load validate.js then jquery.js it does work but jquery errors and no other jquery functions are working. This is very strange. I have removed all other .js includes. Thanks in advance for your help!
Need help with Swipe and panel in one page
Hi I am trying to use both swipe and panel in one page. this works fine with panel: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile-1.4.4.min.css"> <script src="jquery-1.11.1.min.js"></script> <script src="jquery.mobile-1.4.4.min.js"></script> </head> <body> <div data-role="page" id="pageone"> <div data-role="panel" id="overlayPanel" data-display="overlay"> <h2>Overlay Panel</h2> <p>You can close
hide selected value in other select
hi , is there a way to hide the value selected in other select ? http://jsfiddle.net/buekd25s/11/
Moment.js multiple entries problem/
Hello, I have the following problem. I use "moment.js" for displaing "posted {x} minutes ago" text in my project, but my main problem is that it does not load each timestamp individually. This is how i "messed" it.. hm hm.. i mean made up so far! I created only two columns but imagine much more entries. https://codepen.io/HarrysR/pen/ZqXWxJ Any ideas?!
innerHTML does not work!
Why does this not work: $(document).ready(function(){ navigationHandler(); headerHandler(); }); function headerHandler() { var titleName = getCurrentSiteName(); console.log(titleName); $('#title_name').ready(function(){ this.innerHTML = titleName; }); } function getCurrentSiteName() { return 'Name'; }
JQuery Mobile Textbox inside a iframe is malfunction in UIWebView
Hi All When I use UIWebView to browse a html having iframe to include another jquery mobile form, the textbox inside the form is malfunction. Please find my attached code Test1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test Layout</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">
Accordion activate
Hello everybody, I have an accordion with three panels. In the third panel, I want a button to select the first panel. I tried those instructions : $("#accordion").activate(1); $("#accordion").activate($("#accordion").children[0]); $("#accordion").activate("Volet2"); Volet2 is the id of the div in the second panel. In each case the accordion stayed with panel 3 opened. I could get panel 1 from the browser console with $("#accordion").change(1); but because there was a syntax error, that resulted
when we move the cursor to particular button (hover), box need to open next to that using jquery
when we move the cursor to particular button (hover), box need to open next to that using jquery. Any examples are there related to that?
What is .resize() at the end of this function?
Hi, I'm trying to understand the following function: function resizeVideofn() { var $allVideos = $( "iframe[src^='//player.vimeo.com'], iframe[src^='https://www.youtube.com'], iframe[src^='http://www.youtube.com'], object, embed" ), $fluidEl = $(".video-container"); $allVideos.each(function () { $(this) // jQuery .data does not work on object/embed elements .attr("data-aspectRatio", this.height / this.width) .removeAttr("height") .removeAttr("width"); }); $(window).resize(function () { var newWidth
How to add data to an existing empty table cell
I have code that does a $.get(urlstring, function(data){ which builds a table. Then I add data from another $.get from another table to add to the div: $('#sampleDiv .testClass').each(function(index){ for each match to the key. This works great for the display on the page, but I have added the tablesorter library to the table, and all of the columns will sort, except for the columns that have been added from the second .get. I'm assuming it's because they are in the div, and not in the table?
Next Page