Youtube Integration doesn't show for the first time on my website?
Is this a jquery problem or anything else? As soon as the page open, it doesn't load the video for the first time. Then after refreshing it, its shows. It happens with lot of my pages! Posting the issue below. If you didn't find the issue in the given link, then try someother pages. you'll know the issue!! Here's the issue: https://www.guitaa.com/chords/wttsmy-kucaimars-jawab-acoustic
jquery-ui autocomplete
Hi, I am using MVC and asp.net core. I'm trying to display an autocomplete, retrieving an Employee Object (Employee Id, Last Name, First Name) from database and returning json. The dropdownlist is returning [ undefined ] - [ undefined ]. How can it return the right output? Thanks, tinac99 View <script type="text/javascript"> $(document).ready(function () { $("#RequestingEmployeeFName").autocomplete({ source: function (request, response) { $.ajax({ url: "/Employee/SearchEmployee", type: "GET", dataType:
Scale effect direction not working
Hello! The 'direction' option for the 'scale' effect doesn't seem to work for me, so I tried it on the jQuery UI demo website and got the same results: https://streamable.com/hw465 It just produces the regular scale effect as if no direction were applied. My Chrome is Version 74.0.3729.169 (Official Build) (64-bit). jQuery etc. is the one from the currently live demo website. Can anybody else reproduce this?
Uncaught (in promise) null with invisible recaptcha V2
HTML: <form method="POST" name="contact" class="formContact" id="formContact"> <div class="col-md-12"> <h1><label class="col-md-12"><?php echo $this->lang->line('index_contact_contact'); ?></label></h1> </div> <div class="col-md-12"></div> <label class="col-md-4">*<?php echo $this->lang->line('index_contact_name'); ?>:</label> <div class="col-md-8"> <input type="text" name="naam" class="form-control" placeholder="<?php echo $this->lang->line('index_contact_yname');
If have a page id="#notes" what selector should put in the below to load content in a div in page #notes either of these events
If have a page id="#notes" what selector should put in the below to load content in a div in page #notes either of these events happen in page before show and show... ? pagecontainerbeforeshow pagecontainershow Code examples: Initialize the pagecontainer with the show callback specified: 1 2 3 $( ".selector" ).pagecontainer({ show: function( event, ui ) {} }); Bind an event listener to the pagecontainershow event: 1 $( ".selector" ).on( "pagecontainershow", function( event, ui ) {} ); Code examples:
How do I remove all classes that start with a certain name?
Hello, Im have tr element that have classes assigned to them. There can be any number of classes. How would I remove all classes starting with "itemnx" I have this but I dont believe it'a working. $("tr.itemno").each(function (x) { $(this).removeClass('*[className^="itemnx"]'); }); <tr class="itemno itemnx1 itemnx2 itemnx3"></tr>
Using double and single click.
Hi, I have some problem using double and single click. this is my fiddle: https://jsfiddle.net/tL37zkpe/1/ Thanks in advance Tegatti
Customize the styles in table cells
Hi, I need to change the background color and the color text in tr after calling php file with ajax. It works fine if a insert the number of the row where to change style css. But it not works if I give an index. This is my code with index (i), The value of the variable i is 5 (sure!!): var i = $("#cont").val(); $('#miaDisp tbody tr:eq(i)').css('background-color','green'); $('#miaDisp tbody tr:eq(i)').css('color','white'); and with number (5): $('#miaDisp tbody tr:eq(5)').css('background-color','green');
jquery blueimp fileupload issue - uploaded file being overwritten by subsequent upload?
Hi Team, I have been working on a fileupload solution which should allow up to 3 files to be uploaded per button. I use an imported javascript file, and a bootstrap modal window to manage the user interface. It has taken me quite a long time to sort it all out, and just as I near the finishing post I am hit with this issue i.e. it looks like each uploaded file overwrites the previous one in my "uploads" folder. I have a feeling its something simple but I cannot deduce what combination of options,
Manipulation Dom html(html)
how can I get input from a table in html rendered inside another html, function html (html), after rendering I can not get the value inside the input, these values are coming from the database, I see through the browser debug that does not it enters inside my function where it has the method
Getting data from a range of values
I'm trying to get a range of numbers depending on what the user inputs. I have customer.js which has the customer name and shoe size and what I would like is to get a range of shoe sizes depending on what the user puts in. For example. A user puts in the first textbox 5 and in the second textbox 9 I want the customers that is between 5 and 9, but also including 5 and 9 to be displayed. I've only gotten as far as this. my html <form id="shoe_size"> <label for="size">Enter sizes</label> <input
Hide PDF download button in firefox!
Hi, I hide the PDF download and print button in chrome browser using this code #toolbar=0. It works fine in Chrome browser only. but i need to hide those button in Firefox browser also. so please someone help me!. Thankyou.
focus event not working for select2 search text box?
I have a website that uses select2 and jquery 3.3.1. When opening a select2 dropdown, the search-textbox receives the focus so that it's easy to start searching. On mobile devices, this is annoying because it makes the virtual keyboard popup. A workaround I found is the following: $(document).ready(function () { window.select2typing = false; $(document).on("focus", ".select2-search__field", function () { if (window.select2typing == false)
selected option in drop down menu checks or unchecks checkbox value
I apologize for the confusing title. In the code below, my goal is to, when an option is selected in the drop down menu, the options class needs to check the matching class in the checkbox array in the next div. So if the first option is selected in the drop down menu (Academic accommodation request), both the first and second checkboxes (Test 1a and Test 1b) need to be checked. I have had success grabbing the title attribute in select options but have not had much luck grabbing selected option
why this empty space - css is not fixed auto by jQm?
jQm 1.4.5 Why in collapsible widget between items, in header (double line with empty black color) and footer there is empty space like image attached... ? In footer one item is also Not aligned with other footer buttons... well? <link rel="shortcut icon" href="../favicon.ico"> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700"> <link rel="stylesheet" href="../css/themes/default/jquery.mobile-1.4.5.min.css"> <link rel="stylesheet" href="../_assets/css/jqm-demos.css">
CSS Border Animation
Hi, I have a css border than I am animating around a box. As shown here https://codepen.io/jeremydricard/pen/MdPaRY there are 2 animations. The first one loops an infinite border around the box every 5 seconds in a circle (or square) motion. The second is triggered when the mouse hovers on top of the square. Starting the second animation which just acts like a focus and highlights the square and the first animation is removed. Upon when the box is removed from hover state it should go back to animation
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
Next Page