I am using a kendo dropdownlist widget in an ajax form. When the form loads, I need to initialize the dropdown, set its datasource, and programmatically set the selected dropdown item based on two values (compound key). However, the return…
I am rewriting a jquery function and I would like to know how to write the jquery focusout function in vanilla? var inputBox = $('.searchbox-input'); // ... inputBox.focusout();
I'm working with a BE dev on a site - they've built it in Umbraco with dynamic blocks for each section of content that can be added to the pages. Our client is trying to add the same 'tabbed content'…
I have a popup button in my header. I need to make sure that when clicking outside its zone, the popup closes. How can i do this? In the code I'm trying to add remove active classes when clicking on…
Consider this form: <form> <input type="text" value="" placeholder="Enter no. of employee" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(..*)./g, '$1');" required/> <input type="text" value="" placeholder="Enter Salary" required/> <input type="submit"/> </form> I want a regular expression validation for Enter salary text feild with following: The…
Please help. function fontDown() { var curSize = parseInt($('.box').css('font-size')); curSize--; $('.box').css('font-size', curSize + "pt").css('line-height', curSize + "pt"); } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button onclick="fontDown()">button</button> <div class="box" style="font-size: 14pt; line-height: 14pt;">sometext</div> I expect the font-size to decrease each time I press the button.…
When a user clicks on either button I'd like for the name of the location to fadeIn but I'm not able to get it to work with this conditional statement. I have a "Next" and a "Previous" button. I was…
I've got following code: (function($) { $(".tmb:first-child").on('mouseenter', function() { $(".style-light-bg").css("background-color", "rgb(208,206,202)"); $(".tmb:nth-child(2)").addClass("filtered"); }); $(".tmb:first-child").on('mouseleave', function() { $(".style-light-bg").css("background-color", "#e6e5e2"); $(".tmb:nth-child(2)").removeClass("filtered"); }); $(".tmb:nth-child(2)").on('mouseenter', function() { $(".style-light-bg").css("background-color", "rgb(177,180,174)"); $(".tmb:first-child").addClass("filtered"); }); $(".tmb:nth-child(2)").on('mouseleave', function() { $(".style-light-bg").css("background-color", "#e6e5e2"); $(".tmb:first-child").removeClass("filtered"); }); })(jQuery); .style-light-bg { background-color: #e6e5e2; transition:…
I have a table that contains some data that I want to put in an array. The table layout can change from time to time and it is up to the user to decide what are the column header for…
I am trying this function of jquery > $("[id*=btn_POPUP").click(function () { //this popup window > var GV_VIEW = $(this).closest("tr")[0].rowIndex; > window.open("Display.aspx?rowIndex=" + GV_VIEW, 'Popup', > 'height=400,width=500,resizable=no,left=400,top=200,scrollbars=yes,menu=no'); > }); but this function not working properly any one give to me ideas…