Original html table is inadvertently resized, during a JQuery inline edit.
Hi, We have an html table inside a div container that is sized a certain way, based on the css associated with the div. The rows are readonly. On each row, we have an Edit and Save button defined, with JQuery. Both the Edit and Save are working fine. The problem is, that the table width and the individual column widths in the Inline Edit row, lie outside the boundaries of the original table. Original Row: Inline Edit Row : The original table is defined here, in the php: [CODE] <?php //... $service_table
Toggle click
Hi, I have a sidebar I would like to toggle a click function to show and hide, can anyone please help, I have the code to hide but then I need to be able to click again to show $( ".sidebar-icon" ).click(function() { $("#sidebar-wrapper .list-group").css('width','0'); $(".navigation-warnj").css('width', '0'); });
How to get input text value inside td
Hi, I have an html table with 7 rows and 7 columns that contains input text. I need to get the value of each input and put in array. I've done in this way, but it returns value undefined. var table = document.getElementById('tabOrario'); var rowLength = table.rows.length; for(var i=1; i<rowLength; i+=1) { var row = table.rows[i]; var cellLength = row.cells.length;
selectmenu widget correct usage of destroy
Hello, i am currently tasked with investigating memory usage of a fairly large web application and so i have been using the Chrome developer tools to diagnose potential leaks in our javascript code. One potential issue i have observed appears to come from the use of the selectmenu widget. I have managed to reproduce the behaviour seen in a stripped down codepen: https://codepen.io/garycuthbert/pen/xNzdPZ If you 1. Run the code pen under chrome, open the chrome developer tools and take a heap snapshot
How to get all value from my tr
Hi, I need your help to get all data from my table I've tryed this: var table = document.getElementById('miaTab'); var rowLength = table.rows.length; for(var i=2; i<rowLength; i+=1) { var row = table.rows[i]; var cellLength = row.cells.length; for(var y=0; y<cellLength; y+=1) { var valore = row.cells[y]; alert("val ->"+valore) } } the alert shows: val ->[object HTMLTableCellElement] Can someone helps me, please Thanks, Tegatti
Dropdown menu not functioning correctly
Pls refer to the information below and advise thanks. JSP page External jquery version: 3.4.0 Jquery UI JS version: 1.12.1 Jquery UI CSS version: 1.12.1 Web Browser: Chrome After selecting a year from the dropdown menu, it does not appear in the box.There is no error in the console as well. However if I double click in the dropdown menu, the error below shows up in the console.
calling a function within a .load() ?
some of my javascript is loaded before my dom is loaded and I need to try and get it loaded after the dom is loaded, please help
How i can add animation structure / transition effects with appendto
I would like to know how to make an animated / transition effect more "smooth / ease" in the exchange of the divisions of the appended code. https://jsfiddle.net/h2av6nct/
shortable element creating unwanted space when dragged
$('.sort-able').each(function () { $(this).sortable({ connectWith: '.sort-able ', cursor: "move", appendTo: "body", helper: "clone", start: function (event, ui) { $(ui.item).show(); clone = $(ui.item).clone(); before = $(ui.item).prev(); parent = $(ui.item).parent(); }, receive: function (event, ui) { //only when dropped from one to another! if (before.length) before.after(clone); else parent.prepend(clone); } }).disableSelection(); }); https://jsfiddle.net/tauhidurnirob/d26fvr18/2/ when I am
json ajax call in not firing
i have below code but its not calling mention action method when i put break point ,no error nothing but still unable to figure out issue [HttpPost]
public ActionResult subscribe(string values)
{
DataSet ds = new DataSet ();
ds = ts.SelectQueryDS ("select * from [TBL_USER] where username="+"'"+ Session["user"] + "'");
int id= Convert.ToInt32(ds.Tables[0].Rows[0][0]);
string[] valuesdb = values.Split(',');
for (int i
same popover shwoing every time
i have two popover need to open i.e two different (not and review ) but it showing same when i click on it <div class="col-lg-1">
<i class="ShowToolTip popper fa fa-eye LabTaskClass28 LabTaskClassforShowHideCol77" data-placement="left"><span class="close-popover float-right text-danger "></span></i>
<div class="popover_title" style="display: none">
<h6>No task result for note<span class="close-popover float-right text-danger"><i class="fa fa-times"></i></span></h6>
Remove duplicates from source (table request) in input text with multiple values ...
Hi all, I have an input field and the user can add multiple values coming from a source like a table or a JSON array. If the user has already entered a value, I would like that this value does not appear anymore in the list returned by the source. You can find a screenshot in attachment. As you can see in this example, I would like to add the "PIZZA" value. Once this value is added, I don't want that the "PIZZA" value appears again in the list. Must I change something in the jQuery UI plugin or in
jquery validate - how to validate hidden input value
Hi Team, I have read a lot of posts about this and tried most without success. The docs suggest the ignore directive defaults to ":hidden", but I have tried "", [] and various :not:hidden settings without success. I have a complex form and as part of the form I have a section for uploading images. To keep track of this requirement I write the number of successful uploads to a hidden input as follows: <input type="hidden" name="evidence_uc" id="evidence_uc" value=""> The upload is controlled with
out of stack space at "Ma" function
hi I am using jquery-3.1.1.min.js There in production environment , out of stack space at "Ma" function. I used application insights to trace the issue. I unminify the jquery and found 'Ma' function and i dont know the usage of that. Kindly suggest me
Can't Hide a Div on (document).ready
Hello, I'm using the Tableau JavaScript API to toggle between two dashboards. The two buttons on the page I have work fine to do this, as they are just showing and hiding some divs that the dashboards are in. The problem I'm having is hiding one of the dashboards when the page loads. I have a feeling its a timing issue, but not sure what the problem is, Help appreciated! <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
deferred loading continiously until finish
I have created a simple plugin using jquery that loads the contents by using post request from server. All the info is defined on data-attr on div with name loader[]. It's successfully loading contents. However resulting data may contain more loading div tag. What I'm looking is way that once the first run is finished completely, check again if there are div with name=loader[], if there are any run the loop again and do it until there are no div with name=loader[] are present in body section. I tried
Display Details like lightBox
Dear Sir/Madam pls refer http://prajaktasoftware.com/dashboard/enquirysearch.php Green button Reminder List we get popup and small div inside This part is working the way I want however when we scroll down the dark background and the pop div also get scrolled. I want their position fixed html <!--- DIV with dark back ground --> <div class="popbg" id="mainbgdiv" > </div> <!--- DIV with Data --> <div class="popdata" id="insidediv"> </div> css /*--------------------Center DIV--------------*/ html,body{height:100%;}
Dumb question - is 1.12.4 acceptable version for new site deployment?
And how difficult would it be to update to 3.4.0 We have web designers putting together new website for us and I notice via Google Lighthouse that the jquery version 1.12.4 which has been compromised in past (recent article as well). Is it a big deal to go from 1.12.4 to 3.4.0? I am wondering whether I should ask the web developer to upgrade it. Have them explain it a very least. Thanks in Advance
jQuery Ajax GET
Hello, I've got a jQuery and Ajax script which loads and parse a CSV file with papaparse. This works great thanks to help from this forum. I've found one problem though on one product page I'm using it which I can't seem to get to work. I've got a select box which you choose between a couple of options and after that the script chooses the right csv file (productCSVname). The first time I choose from this select box it works fine. But if I change the select box which chooses the csv file it dosen't
Fluid width of container based on fluid height percentage (iframe aspect ratio?)
I've been trying to figure this out with css for quite a while now and just can't seem to figure it out. So I'm thinking maybe it's a solution for jQuery. What I'm trying to do is have a vimeo iframe embed horizontally centered that keeps it's aspect ratio based on the height. So I want the width to be fluid based on the height. But the height is also fluid to some extent: Height:100%; Max-Height: 731px; I want to have a box shadow around the video, but with no bars, hence the need for the proper
IF fields contains then alert
I am struggling to understand where I've been going wrong, but what I got is a div that shows a value depending on what the user selects on the previous screen. However despite selecting other one's such as Kerb Drainage for example, it always alerts "access" I've tried having separate IF statements but then they all alert, one after the other. if (jQuery('.product_type:contains("Access Cover")').length <= 0) { alert("access"); } else if (jQuery('.product_type:contains("Gully Grate")').length <=
cycle through tabs
I am trying to automatically cycle through my tab content for a charts presentation I have chosen to use something like this: https://codepen.io/filipemcribeiro/pen/oxXZLr Although my version of Jquery 3.3.1 and bootstrap 4.1.3 only allows it to auto cycle to just the next tab and then stops var tabChange = function(){ var tabs = $('.nav-tabs > li'); var active = tabs.filter('.active'); var next = active.next('li').length? active.next('li').find('a') : tabs.filter(':first-child').find('a');
Script with .includes works fine in Chrome but not IE
Hi, I have a piece of JQuery Script that works fine in Chrome and Mozilla, but does not want to work in IE. I read up on it and it said that IE does not support the include function. So I tried using indexof but that made it stop work in all browsers. What can I use that will work in all browsers? I appreciate any help rendered. function sendCheck() { var valid; valid = validateCheck(); if(valid) { jQuery.ajax({ url: "verify_step1.php", data:'age='+$("#aRange").val()+'&fd='+$("#fdate").val()+'&ft='+$("#ftime").val()+'&td='+$("#tdate").val()+'&tt='+$("#ttime").val()+'&pul='+$("#floc
How to find if div with specific id exists in jQuery
I have this code: $('body').on('click', '#materials li', function () { if($(".appended").length == 0){ $('#materials-form').append('<input type="hidden" class ="appended" name ="Materials[' + $(this).attr('data-id') + ']" value="' + $(this).attr('data-supplier') + '"/>'); $('#materials-form').append('<li>' + $(this).text() + '<button data-id = "' + $(this).attr('data-id') + '">Delete</button>' + '<input type ="text" id = "quantity" name="quantity[' + $(this).attr('data-id') + ']" /> ' + '<input type
Problem with dynamically appended elements
I am creating something like a shopping-cart in yii2 . Here is my code: $('body').on('click', '#materials li', function () { let hidden = $('[value=' + $(this).attr('data-id') + ']'); console.log(hidden); if (hidden.length > 0) { return false; } else { $('#materials-form').append('<input type="hidden" name ="Materials[' + $(this).attr('data-id') + ']" class="hiddenInput" value="' + $(this).attr('data-supplier') + '"/>'); $('#materials-form').append('<li>' + $(this).text() + '<button data-id = "'
Passing in two variables to onclick
I have a PHP script which is looping through a database result. Each row will create a link <a href="#" class="mylink"><?php echo #PHP; ?></a> I'll then have a jQuery, for the mylink onclick even to call a page. On I need to pass into the even two vairbales from my row, an ID, but also a date string. mylink('34, '2015-05-08'); for example, but it's that the syntax for a JS on click even.
Use jquery variable as part of html link
Dear sir / madam var mob1=$(''#mob1').val(); var url= "mobilememberidfill.php"; data = { mob1: mob1 } $('# mobilememberiddiv').load(url,data,checkmobileexists) ; Above ajax gets me ID of the mobile number stored in DIV with id mobilememberiddiv in this case, (when mobile number exists), i get its ID from var id = $('# mobilememberiddiv').text(); and in this case i want to display message $('#mobilemessagediv').html("Mobile Number Exists!! <br> <a href='payfees.php?id=ID'' > Cilck to make
HTTP400:INCORRECT QUERY
hello , I have a problem for 3 days on an HTTP request of type $. AJAX {()} I explain my code: the data I have are : headers : Content-Type = application/json body :{ "UserName": "trinita", "Password": "112A" } my request http is: jQuery.ajax({ url: data.npsod.conn.server+'Account/Login', method: 'POST', contentType: 'application/json', dataType : "json", data:{UserName:"trinita",Password:"112A"}, xhrFields: { withCredentials: false }, error:
Calculate mouse position after zoom ?
Hi I'm using a jQuery plugin to create a flowchart, this allows you to create links between connectors. This all works well but I've needed the ability to zoom on the flowchart, so I've used jQuery UI animate zoom and that seems to work fine. When I click on a flowchart connector a temp link is generated that follows the mouse pointer until you click the final connector and the link is made.. Currently the temp link is not in line with the mouse pointer when a zoom is applied. It appears that when
datepicker UI Arrival and Departure Fields
I have a WordPress form on my client's hotel website with an arrival field and a departure field. The client wants the departure date to add +1 day to the minDate when a user selects the arrival date. I have tried adding +1 to several areas but nothing seems to work. I have attached the script I am using (it's using jQuery instead of $ because the form is in a code block in WordPress). I have searched several forums and Google searches with no success. <script> jQuery(function() { var dateFormat
Each event is not firing
I have included a jQuery file in my template, and it loads perfectly. But when I am trying to implement each function, it doesnt fire that event. I am writing some jQuery code for Salesforce Commerce Cloud SFRA. Whereas the same script works for other DOM elements on other platforms like JS Fiddle and Chrome Devtools. This script is provided in a catridge by Paypal, so I just need to integrate the cartridge and it will work, but here I am having trouble because each event is not working. Is there
Insert code to auto-refresh current webpage every 120 seconds?
Assume I load a web page which is occasionally updated on the server (=not under my control). To get the updated information I always have to click refresh in my browser. This is unhandy. How can I automatize that? I can imagine that there is a jQuery/javascript/CSS code which I can insert and which tells the browser to automatically update the loaded webpage every e.g. 120 seconds. How does that work in detail? Thank you Peter
clicking on an item adds item 3 times for 3 items in while loop
Hi, I am building a sticker app that a user clicks a sticker and it adds to the HTML 5 canvas. At the moment, when you click on a sticker it adds it, GREAT! If you click it again it adds it the amount of times how ever many items that have the class sticker So if there are 3 items that have the class sticker they all get added, I only want to add 1 item when I click on one item, please help? HTML + PHP <?php while ($row = $statement->fetch()) { ?> <div class="sticker"> <input type="hidden"
How to solve/fix JSON.parse problem dealing with duplicates
Hi all I seem to be facing this problem : JSON syntax duplicates This is the source xls file format: This is the JSON : [{"Registrant ID":"22722608","Registrant Date":"09/18/2018","Last Name":"Armstrong","First Name":"Conor","Email":"conor.armstrong@testco.com","Username":"conor.armstrong@testco.com","Company":"TEST CO","Department":"","Title":"","Attendee":"No","Status":"Enrolled","Section":"","Location":"place online"},{"Registrant ID":"22722608","Registrant Date":"09/18/2018","Last Name":"jenkins","First
Problem getting the value of an element
Hi, I'm new as you can tell by my question. What is wrong with this code? function bt(ans){ $(document).ready(function(){ if (ans==1) { if ($(".hidn1").val()=="") { alert(ans); $(".msg").text("\n\nWhachu gonna have?"); }); } } Here is the call: <button id="bt1" style="background-color:green; color:yellow; height:20px; width:20px;" type="button" onclick="bt(1)"></button> And here is where the elements are defined: <textarea id="hidn1" cols="1" rows="1" style="display:none;"></textarea>
Trasnmit url parameters via ajax
I want to transmit a parameter (path of images) to a page using anythingSlider witch load e series of images. this html page work fine. But when i call from another page that not work. I have two pages: the fisrt page do; $.ajax({ type: "GET", async: false, cache: false, contentType: "application/json; charset=utf-8", url: 'Slider.html?name=appart/imgs', dataType: "html",
How do I create a table to show calculation of hours worked in 24 hours format using PHP and JavaScript, Jquery?
Hi, hope I can find the help I need with a website programming project. I'm working on a new website and need to create a time table of hours worked in 24 hours format using PHP and JavaScript (Jquery). In short, the table should layout the days of the week and hours worked and be able to generate the total hours worked at the end of each day and week. EX: Hours Worked 03:20:00 09:30:00 Total: 12:50:00 Any and all help is appreciated. Thanks, JB
undefined is getting displayed through jquery
I have a PHP function which takes 3 parameters GroupId, Year and Month and checks in the database whether there are records less than the selected year and month for groupId and which returns database records. In my case only one record is returned. I am using json_encode(). Data is correctly displayed in json format but undefined is returned when I call this method using $.post() as described below: public function actionGroupsavinginfo($id,$year,$month) { $group = Yii::$app->db->createCommand('SELECT
ajax syntax problem
I want to pass data through ajax to controller but I unable to get that data can any one please tell me syntax for that. I using ajax inside the Jquery Datatable
3.4.1 missing from ajax.googleapis.com CDN
Don't know where to report this, but it seems like 3.4.1 did not get published to ajax.googleapis.com Works: http://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js Does not Work: http://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js
Next Page