Small help : total cost (column total) for dynamically added row
Dear All pls refer http://jsfiddle.net/5buwgq0k/42/ I want to sum cost 1+cost2 and and display in field Total cost Test Group Test Name Ref.Val Unit Qty Rate Cost Qty x Rate Please SelectTestGroup 1TestGroup 2 TestGroup 3 Please SelectBPSugarUrine routine ref 001 unit 001 Please SelectTestGroup 1TestGroup 2 TestGroup 3 Please SelectBPSugarUrine routine ref 001 unit 001 Add Row when i add row i need to know number of rows
If input pattern matches, copy to another field
All employees of our company have EIDs that are also associated with our work email addresses. For example, our employee ID might be abc123, so our email address is abc123@acme.com. For one of our online forms asking for EID and email, it would be helpful if, when the input matches the pattern of the EID, to populate the EID field as well. For example, let's say an employee enters the following for email: john.doe@gmail.com Nothing would populate into the EID field. Now, let's say the employee
Code to highlight selected area with CSS
Hello and happy 2019 What I want to achieve is to make "select to inspect" type of functionality, just like the browsers have. It should only have the functionality of creating a temporary element that will be overlayed over the element that my mouse is hovering on. I have created a screencast to show you what it should be like, and what I currently have. Link to video on google drive This is my code written with jQuery It creates a DIV on the page and then, on mousemove event, I set its values
Not working in IE11 although doing in Edge
The following code in Edge work successfully to give "done" message but it in IE11 to give "fail". Hey guys, please show me the way to work it in IE11. <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <script> $(document).ready(function(){ $("button").click(function(){ $.ajaxSetup({ cache: false}); $.get("load_test.txt", function(data, status){
changing saturation
Hi there, I have a page where the viewer can change the background of the window--(actually a div, #bigbg, above the html background)--by removing and adding a class, eg, .gradblk {background: linear-gradient(#000000, #36393C, #909396); background-attachment:fixed; } with function showBg(grad) { $('#bigbg').removeClass().addClass(grad); } There's a choice of six colour gradients. The viewer also has the option of varying the opacity of the new background with a choice of five levels: function opBg(n)
I can't drag image to out area carousel of bootstrap.
I use carousel of bootstrap and drag of jquery ui, I can't drag element out area of carousel. Plz help me! Thanks Link below. https://tipskailler.com/retrict/
jQuery Datepicker use within google sheets
I am having trouble using the jQuery datepicker within google sheets. My goal is to use the datepicker to return a selected date within a cell and I am having issues returning the date selected in the prompt to a specified cell.
jquery - moving from 1.10.2 to 3.3.1
i had a page that used jquery min v1.10.2. as the page could sometimes that a little while to fully load (pulling records from a database), i set a simple loader screen that sat on top until the page had loaded then disappeared to show the results below - worked very well. $(window).load(function() { // Animate loader off screen $(".se-pre-con").fadeOut("slow");; }); with this inside the content div <div class="se-pre-con"></div> i've moved the page over to using jquery min 3.3.1 and now the loader
What is a stable (updated and maintained version) photo viewer I can use for an eCommerce website?
Hi all :) I was looking at a variety of different photo viewers like elevateZoom, greasy fork, jQuery Remooz among many others. I couldn't find any with my specific requirements. I'm looking for a splice between these two: https://www.rubylane.com/item/260004-2751/Antique-Metal-Dresser-Box78-Casket-Cupid http://igorlino.github.io/elevatezoom-plus/examples.htm (scroll right down to "Mousewheel zoom" and "Image Constrain" for the thumbnails and mousewheel zoom) The interface is a lot prettier, more
jQuery.fx is undefined
I'm trying to add jQuery UI to a project, but I get jQuery.fx is undefined in jquery-ui.js I downloaded all elements so everything should be in place. code: <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha256-3edrmyuQ0w65f8gfBsqowzjJe2iM6n0nKciPUp8y+7E=" crossorigin="anonymous"></script> <script src="/script/jqueryui/jquery-ui.js" type="text/javascript" crossorigin="anonymous"></script> any ideas? -------------- Just so we're clear - you need a hero?
create tooltip for dynamic generated html table columns
im generating dynamic html table with with rows and column via inline code Need to give tool tips to the columns . can anyone share an example either in jquery or by any jquery plugins
How to query a JSON API and display in html
Beforehand I have zero knowledge of JS or JSQuery only HTML and CSS. I am trying to query this API: https://api.mcsrvstat.us/1/mc.cavernhcf.us and then display it as HTML for a server I am making the thing is I don't know how to do it any help would be great. -Tom
Toggle Beginner question
Hey, I have a toggle beginner question: I ve already found toggle examples like these: $('.opener').click(function() { $('.sub-menu').slideToggle('fast'); return false; }); but these only work with fake links (#) like: <ul> <li><a href="#" class="opener">Open </a></li> <ul class="submenu"> <li>hidden item 1</li> <li>hidden item 2</li> <li>hidden item 3</li> </ul> </ul> if I insert a real link like "https://mydomain/example.html" this stops working <ul> <li><a href="https://mydomain/example.html"
Make edit icon stay after clicking it to edit
I want to be able to edit a table cell using an edit icon and when I click on it, I want the icon to stay and the focus to be on the textbox. I can't seem to get it with the following code: // The two columns with edit icon tbl +='<td ><div class="row_data" edit_type="click" col_name="datamapname"><i class="fa fa-pencil"></i>'+val['datamapname']+'</div></td>'; tbl +='<td ><div class="row_data" edit_type="click" col_name="description"><i class="fa fa-pencil"></i>'+val['description']+'</div></td>';
Target image with substring in source
I am trying to target an image that has a specific substring, Ex: {{name-1-field}} in it's src. I'll be updating the src. So if I have this: <img src="../resources/{{name-1-field}}"> I tried a general search function to target the wrapping element: $('*:contains("{{name-1-field}}"):last'); But I guess that only works for text nodes? I'm not sure what would be the best way. Also, is there a quick way to check the type of the wrapping element? Ie. to make sure it's an image.
JQuery method not firing?
Hello all: In my JQuery method on a Modal dialog form, the first thing I am trying to do is check to see if required fields are filled out before an AJAX call is made: if ($('#FirstName').val() !== "") { $("#FirstNameHelp").text(""); } else { theError = 1; alert('First Name Blank'); $("#FirstName").text("Please enter your first name."); return; } if ($('#LastName').val() !== "") { $("#LastNameHelp").text(""); } else { $("#LastNameHelp").text("Please
Help
Hi all, This is my site nav HTML code --------------- which is included in header.php <section class="main-menu" id="menu"> <nav class="desktop-menu"> <ul> <li class="font-icon"><a href="index.php" class="home">Home</a></li> <li class="font-icon"><a href="blog.php"class="blog blog-mr">Blog</a></li> <li class="font-icon"><a href="contact.php"class="contact">Contact</a></li> </ul> </nav>
Jquery with Owl Carousel
I am trying to rotate images so added Owl Carousel (i believe the latest version), 2 files after downloading found under the assets folder owl.carousel.js owl.carousel.min.js Opening the first file i see /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /** * Owl carousel * @version 2.3.4 * @author Bartosz Wojciechowski * @author David Deutsch * @license The MIT License (MIT)
Using jQuery Validation Plugin to validate then hide email field without submitting form yet
For a two-part form, where the first div shows just the email address and the second div, initially hidden, shows the rest of the fields, is it wise to use the jQuery Validation Plugin validator.element() https://jqueryvalidation.org/Validator.element/ to validate for the email address before hiding that and showing the remaining form fields? For example, can this be done without a form submitHandler following? $("#emailDisplay").validate({ rules: { emailAddress: {
How to remove rows from a table where this table is nested.
I have a Primefaces component rendering HTML. I do not have anyway of controlling (requesting) the primefaces object not to render unwanted elements. So now I am trying to remove unwanted items rendered from the HTML file using jQuery. Many of these components rendered do not have IDs. For example, the following is a partial code I am getting rendered. <html> ...... <div class="ui-widget ui-organigram rightLineStyle lineStyle" id="form:organigram"><div class="target" id="form:organigram_target">
I initialize the values of the contents of new row
Dear Sir/madam pls refer http://jsfiddle.net/Lxr8shcq/5/ Add row allow me to add new row with cloning how can I initialize the values of the new row Dropdown td Cell value Inputs so that In new row we will have blank row i.e. no value selected in dropdown or nothing is selected and blank values in input and <td> </td> values will be blank ----------------------------------------------------------------------------------------- One more question Once User select a value from dropdown of newly
Using jQuery to play a video
I am a Photoshop and After Effects developer and I am completely new to JS and jQuery. I am trying to build a websites for a close friend that highlights a book she has written. I have several 2 second videos of a simulated page turn that I am trying to play when a new page is called and all the content is loaded. I have tried using load() and ready() and have failed completely . I did succeed in getting the video to play using a button and the onClick event. need help desperately
JQuery Script not working in IE or FireFox
I am using the following code to append meta content to product pages when a customer clicks to login. It works great in Safari and Chrome but not in IE, Edge, or Firefox. If I add the meta content to the page directly then it works but redirects the customer before they click the log in button. Here is a link to a page where it is running: https://arkaiosfresh.com/products/pineapple-concentrate . Any corrections would be greatly appreciated. As a point of reference; I have nothing more then very
How to select id's of multiple products using VQL?
Apologies for the slightly irrelevant question but ... I currently have the following query to select the id of a single product, like so: client.post(https://merck-nextgen.veevavault.com/api/v18.3/query?q=SELECT id FROM product__v WHERE name__v = '${VOLT_CREDENTIALS.get('cred').productName }'` , args , function( data , res) { //console.log( 'PRODUCT ID IS ' + data.data[0].id); productID = data.data[0].id; resolve("Product ID Retrived ..."); }); But what if i have
JQuery not working with Kickstarter Comments
I'm trying to remove the trolls at will. I've used this code on many different sites with no problem. I suspect it has something to do with the funky way Kickstarter is loading the comments. I'm using User Scripts with Firefox. // ==UserScript== // @name Kickstarter // @namespace https://www.kickstarter.com/* // @include https://www.kickstarter.com/* // @version 1 // @grant none // @require https://code.jquery.com/jquery-1.10.2.js // ==/UserScript==
having trouble with events on dynamically added objects (again)
Again I'm struggling with events on dynamically added elements. is there something I'm missing? The code works fine for elements that exist on startup.. $(".product-like-wrap").on("click", ".symbol-circle", function () { C.Ajax.Invoke(null, "Api", "LikePicture", { id: id }, {}, "POST", function (data) { let $wrap = $caller.closest(".product-like-wrap"); $($wrap).find(".check-symbol").removeClass("hide"); $($wrap).find(".symbol-circle").addClass("hide"); $($wrap).find(".exists
force use of enum
hi! is it possible to force the use of an enum as method parameter? I don't know how to do it without type description. something like: function (myEnum param1) { } -------------- Just so we're clear - you need a hero?
How to select an option row in a datalist without using the option value ?
Hi, I've found something usefull in a forum to select an option row in a datalist but unfortunatly, it works only if the option value is unique. For example, It does not work for this list: <datalist id="myfriends"> <option value="John Doe" data-id="0"> John Doe is living in Vancouver <option value="John Doe" data-id="1"> John Doe is living in Paris</datalist> Please see my example and this code here : https://jsfiddle.net/peter45/Lnuqxt9o/ Thank you for your reply.
Joomlart.com Corona Template Conflict With JQuery
In The Name Of GOD, Hello, When we use the JQuery Library with Joomlart.com Corona Template , The Homepage menu does not work anymore. What I should do ? Please help us .
Show <DIV> that contain <LI>: visible
Bonjour, je souhaite mettre en place une carte des réalisations d'un constructeur classées par Ville. Chaque ville s'inscrit dans une DIV contenant une LISTE affichant les programmes réalisés dans cette ville, avec deux états possibles : "LIVRÉS / EN COURS" Hello, I want to set up a map of the achievements of a manufacturer classified by City. Each city is registered in a DIV containing a LIST showing the programs realized in this city, with two possible states: "DELIVERED / IN PROGRESS" <div class="filter-commune">City
Replace in jqery
Hello, i have to replace "Material Design (Lite)" to "YAML" in jquery but i have no clue how to do it cant find any advice on google.. so i try to ask here If someone can help i would be really happy thanks..
Have I accidentally disabled JQuery?
Strictly speaking, I'm not really new to JQuery but it's been several years since I first used it so I certainly *feel* like a noob because I'm very rusty. I wrote some forms with JQuery validation several years back and then basically never looked at it again; I've forgotten a lot. I'm back to these forms adding a new feature and find myself wondering why none of my JQuery validations seem to be executing at all. When I try pressing submit on an otherwise untouched form, I get my PHP validation
ccan not collect form values, and make an object our of it so i can use ajax for submission after stringifying it
Hello guys i really seek you advise and help on the code below. as i have made a form and am using ajax to submit data collected from the form by jquery into the database, i decided to collect form elements values then create an object with the values, so that i can turn the created object by stringify() function so i can pss the object converted string as a text using the ajax function, and the use php json decode to turn back the string into object in php and then work with it from there to be
Data Ratio
Does anyone know how to determine this value? Or how this works? <div class='slide template1' data-ratio='1.44' data-background='#fff'> <img src='gallery/filename.jpg' width='1500' height='1000' alt='' /> </div> Changing this value alters the image dimensions, I've determined. I'm referencing a page that has these files linked in it: <script type='text/javascript' src='http://code.jquery.com/jquery-2.1.1.min.js'></script> <script type='text/javascript' src='http://code.jquery.com/jquery-migrate-1.2.1.min.js'></script>
JQuery Noob needs help
Hi everyone, I'm using the following JQuery to move a CSS element from one position on the website to another. // Execute after the page was fully loaded
setTimeout(function(){
if (jQuery('#jsonPayload').length) {
jQuery('ul.vp-activity-list').find('div.activity-item.request-fields.clearfix').insertBefore('.cv-request-top-panels');
}
}, 1); When I refresh the page completely or load it for the first time it works fine, but when I perform an action on the page that only reloads a
Table to array , array back to table
Hi all I'm a jquery newbie, loving the power of it..wow. I have made a table , and I would like to take the date to an array and into CSV format into a variable/array. i would like to be able to take that data from the variable/arry and read it back into the table (append) imagine the table is blank to start. Here's the fiddle: My bird logger table I have gotten to a point and now I'm stuck at formatting the output: ,Eagle,Front,2018-09-25 12:00,1537876800,2018-09-26 12:00,1537963200,Normal,1234,12,,Hawk,Front2,2018-09-25
jQuery Autocomplete - AJAX Data
Hello, I have this code from an open source application that returns data from an AJAX request into an autocomplete field. This is the code: // set autocomplete to customer type fields $('#SearchInsert').find('.CustomerCompanySearch').each(function() { var InputID = $(this).attr('id') + 'Autocomplete'; $(this).removeClass('CustomerCompanySearch'); $(this).attr('id', InputID); $(this).prev().attr('id',
How to delete multiple rows of a table with Jquery and ajax?
I want to be able to delete checkbox-selected rows but when I click on "Delete Selected", but I have the following limitations: 1. Can only delete the first row no matter which checkbox I tick 2. Deletion only take place the first time or if I refresh the page. I want to be able to delete selected rows, and delete them whenever I please without having to refresh the page. datatable.php <a type="button" class="delete_all btn">Delete Selected</a>
<script type="text/javascript">
$(document).ready(function($)
{
function
Show image based on number then reset when total reached.
Hi, I'm new to jQuery and I'll probably be hanging around these forums quite a bit . I'm building a website that will log how far individual people have walked then add all individuals together to get a total distance. I'd like to be able to represent this total as distance around the UK. To test I have to code below. This works but what I'd like to do is when the uk_distance has been reached set times_round_uk to 1 and start the images from the beginning but keep adding to the Total distance and
Conflicts with Jquery 1.5 and Jquery 3.3.1
Hi, I am using different versions of Jquery at my system and I must have to use the both, because I am working with a complex system. I have an example below about my problem. I must have to make them work together. Can someone help me? -- versionamento.html <html> <head> <title>My test</title> <script src="js/jquery-1.5.js" type="text/javascript" ></script> <script src="js/jquery-3.3.1.slim.min.js" type="text/javascript" ></script> <script src="myscript.js" type="text/javascript"></script> </head>
Next Page