Javascript/jqueryCategory

JQUERY – TRAVERSING 06/04/2020 JQUERY – Traversing is used to select HTML element based on the relationship. It supports lots of methods to find the element. Jquery – siblings() This method select all the siblings of the selected element. Jquery – next() This method selects the next sibling of the… Continue Reading JQUERY – TRAVERSING

jQuery Effects Date: 07/03/2020 Jquery has some of the in-built methods, that methods are used to add the effects for the Html element. jQuery | hide() hide() is an inbuilt method in jquery, which is used to hide the selected element. syntax: Example: Before clicking the button: After clicking the… Continue Reading jQUERY EFFECTS

JQUERY | empty() and remove() Date: 10/02/2020 Introduction: Empty: Jquery empty() and remove() methods are the jquery inbuilt methods, which are used to remove the HTML element and contents. empty() – empty() method is used to remove all the child nodes from the content from the selected content. Before clicking… Continue Reading JQUERY | empty() and remove()

How to install sockets in cordova both backend and frontend Date : 04/09/2019 Introduction Generally Sockets are used for realtime update bidirectionally between client and server. The following will describe how to configure in cordova framework. Sockets are pipeline connection will instantly reflect change other side when connected. You just… Continue Reading How to install sockets in cordova both backend and frontend

How to setup and build cordova application for Android Date : 22/08/2019 Introduction Apache Cordova is an open-source mobile development framework. It allows you to use standard web technologies – HTML5, CSS3, and JavaScript for cross-platform development. So we can use it in any kind of platforms. It will come… Continue Reading How to setup and build cordova application for Android

Create accordion menu with sidebar hamburger menu DATE POSTED: 27/02/2019 In this post we will explain how to create the accordion menu with sidebar hamburger menu. The Code STEP 1: In the header of the page we refer to stylesheet . This reference was made with the <link> tag as… Continue Reading Create accordion menu with sidebar hamburger menu

Posted Date:01-11-2017 In this post we will explain solve the modal scrolling issue in bootstrap pop up modal.   You should add the following Javascript $(‘.modal’).on(‘hidden.bs.modal’, function (e) { if($(‘.modal’).hasClass(‘in’)) { $(‘body’).addClass(‘modal-open’); } });  

Posted Date:26-08-2017 In this post we will explain how to create cash receipts denominations using php,jquery Step 1: Include jQuery  Plugin and css <source src=”http://code.jquery.com/jquery-2.2.4.min.js” integrity=”sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=” crossorigin=”anonymous”></source> <source type=”text/javascript” charset=”utf8″ src=”https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js”></source> Step 2:Include following css code inside head tag .mul_by{ width: 10%; } .mul_by .form-control{ display: inline-block; width: 66%; padding:… Continue Reading cash receipts denominations using php,jquery

Posted Date:04-08-2017 In this post we will explain dynamic column header and result from ajax call in jquery datatable   Step 1: Include jQuery  Plugin and css <link rel=”stylesheet” type=”text/css” href=”http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css”> <source src=”http://code.jquery.com/jquery-2.2.4.min.js” integrity=”sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=” crossorigin=”anonymous”></source> <source type=”text/javascript” charset=”utf8″ src=”https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js”></source> Step 2: Add the following script for data table initialization with… Continue Reading dynamic column header and result from ajax call in jquery datatable

Posted Date:27-07-2017 In this post we will explain show the accordion panels based on drop down values .   Step 1: Include jQuery  Plugin and css <source src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js”></source> <source src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js”></source> <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css”> Step 2: Add the following script $(function() { var divs = $(‘#accordion > div’).hide(); $(document).on(‘change’, ‘#select_value’, function(e)… Continue Reading Show the accordion panels based on drop down values