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>
Dynamic looping div
Hi, apologies for asking for help on my first post I'd like to automate the code below so that I don't have to manually add a new function each time. I have a div with a class team, within the team div there is an hours class that increments by 1 every time. individual_sum1 = 0; $(".team .hours1").each(function(){ value1 = $(this).data("distance"); individual_sum1 = individual_sum1 + value1; $(".team .individual_hours1").text(individual_sum1);
jqFloat.js - keep floating objects within container
I'm currently using this jqFloat.js that makes elements float in space around the page. Unfortunately, they float in relation to the size of the screen, and not of their parent container, which is what I wish to achieve. Here's the HTML of my structure <div class="wrapper"> <div id="projects"> <div> <a href="projects/first/index.html" class="project-item"> <img src="images/body/brain.png" id="image" class="brain" /> <span class="title">Sintesi addittiva</span> </a> </div> <div>
Form Tag As Base Selector
Say I've created a jQuery reference to a form tag ($formRef), and within the form I am dynamically adding and removing DOM elements. Will these selectors, a & b, reference the same element? var a = $formRef.find('#elementAddedPostFormReferenceCreation'); var b = $('#elementAddedPostFormReferenceCreation'); I've always believed that with dynamic HTML, the DIV containing the dynamic content should not be cached because it will only 'find' the elements that existed when the reference was created. But
Running as re-usable code.
Can you tell me how I can get this piece of code to run when the link is pressed on both pages: http://jsfiddle.net/a4poster/g642zemv/ I know I could do it with the following: $("#"+a0+" .btnCode").click(function(){ alert("I've been pressed From: "+a0+" - "+$(this).attr("href")); }); $(".btnCode").click(function(){ alert("I've been pressed From: "+a0+" - "+$(this).attr("href")); }); But as this is used many times I thought it might be easier using something like the former. Many thanks.
Any of the jQuery Line plugins not working
Any one can please help me, I am trying to use jquery line plugins, I tried all the plugins but unable to draw line using those plugins, Not throwing any error too, but line is not visible on the screen. While debugging it got stucked at the line of code used to draw the line. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="~/Scripts/jqSimpleConnect.min.js"></script> <div style="position:relative; height: 110px;"> <div id="div_e" class="node1"
Migrating Jquery v1.5 to v3.3.1
Hi, I am a webmaster in Brazil and I am working at a System that uses Jquery v.1.5 . I am using bootstrap so I have to migrate my system to a new version of Jquery. Cuz we have to have the best perfomance and the new version. But the JQuery have a lot of conflicts with the old version because of the functions at the list "deprecated". I am not sure what is the best option now: Make a new code or try to migrate all the old one. Example of function that I have so much here .live(); that I have to migrate
Looped Countdown base on timezone with Moment JS.
Hi, That's the code I use for the Countdown, so it will repeat (loop) after 24 hours. <script type='text/javascript'> jQuery(document).ready(function($){ $(function(){ var nextDay = new Date(). setHours(0, 0, 0, 0) + (1 * 24 * 60 * 60 * 1000); $('#clock').countdown(nextDay, function(event) { $(this).html(event.strftime('' + '<div><span class="number">%D</span> <span class="timertext">days</span></div>' + '<div><span class="number">%H</span> <span class="timertext">hours</span></div>' + '<div><span
jQuery move focus to next input
I have a form that contains multiple inputs on different levels. Is there a jquery function that can simulate the pressing of 'TAB' key? I tried using next or nextUntil but none simulate the 'TAB' key because they only go on the same level and not go to the upper levels.
Prevent Copying
Up until recently I used this in CSS to prevent copying in my app, but it no longer seems to work and I am not sure why. body { -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }Anyone still successful with this or any ideas why it has suddenly stopped working for me?
JQuery version (3.3) officially not supported. Instrumentation active nonetheless, because major version is supported and minor is newer than supported versions
Team, We are using Jquery version 3.3.1 for our website. We also load external libraries like analytics.js & SAP_IDs.js(from sap cloud identity). When these libraries are loaded in the page load increases and our monitoring tools show "JQuery version (3.3) officially not supported. Instrumentation active nonetheless, because major version is supported and minor is newer than supported versions" as warning against each external api requests. Could you please tell me what is the issue when external
Reverse Infinite Scrolling Inside Div (Like in a Chat Window)
I'm looking to create reverse infinite scroll inside a div; for a chat application that I'm building. The newly created chat messages are appended below the current stack of loaded messages. However, if the user has to view the old chat messages, they'll have to scroll up. I'm wondering how to do this inside of a `<div>`; and trigger an event when the scrollbar is say 300 pixels away from the top border of the div. After searching a bit, I found out that this is the recommended approach - $('.yourDiv').scroll(function(){
Jquery Megamenu plugin with horizontal submenu items
I am looking to find a header menu jquery plugin that supports multilevel items but sub menu items are placed horizontally. e.g Category 1 has 80 subcategories. When the Category 1 is hovered and a submenu opens up and the 80 subcategories should be placed horizontal instead of vertical which is impossible to read as they create a long scroll page. I have been searching for hours but cant find anything similar to my requirement. Anyone can help please? Thanks in advance
remove one of the comma separated values in a cell while placing row data into variable
Hi all I am working through the tutorials here: https://www.tutorialrepublic.com/faq/how-to-add-remove-table-rows-dynamically-using-jquery.php I have modified the table so it has 3 columns. Here : http://jsfiddle.net/14ngdcuk/ I am now able to collect the row data into a variable Eagle 2018-09-25 12:00,1537876800 predator But I would like only the UnixTimeStamp (eg 1537876800) value of t comma separated datetime value cell in my final variable like so : Eagle 1537876800 predator How and when should
jQuery UI Slider and WordPress
Hello, How does one integrate the jQuery UI range slider into a non-WooCommerce WordPress page so the rendered output can be filtered by custom post type meta_key? The meta_values associated to the meta_keys under consideration will always be real numbers (0-2 decimal places). Thank you very much for your replies, Don
Help with fancybox?
I am still learning jquery, and I am trying to get fancybox to work on my website. I have been fighting with it for a few days and finally followed https://www.granneman.com/webdev/coding/css/fancybox-a-better-lightbox to get it to work. It did, but only in the test folder. As soon as I moved all the files out of there and into my regular website folders, it stopped working. It opens the image URL in the tab rather than in a lightbox, and that's the problem I've been having from the start. This is
Where to begin with for creating a jquery php data live filter.
Hello guys, i'm kinda newbie in jquery - ajax and what i want is to build a "live filtering" function with get parameters using jquery (and ajax i guess). I'm aware of some basics as for the ajax functionality but what i really want is to end up building a function with get parameters in url based on dropdowns, inputs, checkboxes etc.. , sth like "www.example.com/products?category=tshirt&color=red etc.. etc..".. Can anyone tell me where shall i start in order to learn to build something like that?
How to match #id patterns with wildcard?
Assume I want to addres all ids which match the following pattern: #advert-* e.g.: #advert-43256 #advert-54 #advert-888 How can I achieve this with jQuery? The following does not work: $("#advert-*")......
Issue with tabs not displaying
I am using the following code (copied directly) and using my htm pages. The tabs do not display. <!DOCTYPE html> <html lang="en"> <head> <title id='Description'>TRANSPORTATION</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
If X = Y then Y else Q in an ajax query
Hi all! I'm completely new to all of this but am trying to add some logic into an ajax query from a JSON file to write this to HTML. I'm reading two variable from a nested JSON file, "departure time" and "expected departure time". I want to write the "expected departure time" into the HTML if the two times differ. But if they are equal instead of the time I want to write "On Time". For this I need to have some logic inside my query. But I don't know how to do this. Below is the code where I have
Next Page