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

Posted Date:11-07-2017 In this post we will explain confirm java-script form submit with displaying the form input values. Step 1: Include jQuery  Plugin <source src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js”></source > Step 2:Create html form with input values using the following code <form name=”pendingrequest” id=”pendingrequest” action=”javascript:void(0)” method=”POST” > <table > <tr> <input type=”text” name=”rate1″> <input… Continue Reading Confirm javascript form submit

Posted Date:11-07-2017 In this post we will fix the issue of Select2 search input not working in Bootstrap Modal. If you are implementing  select2 plugin in boostarp  modal, First remove tabindex=”-1″ and add style=”overflow:hidden;”

Posted Date:01-07-2017 In this post we will explain selected text from a drop-down list (select box) using jQuery Step 1: Include jQuery  Plugin <source src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js”></source > Step 2:Create the HTML page using  following code <!DOCTYPE html> <html> <head> <title>Drop Down Select text value </title> <source src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js”></source> </head> <body> <select name=”select_text” id=”select_text”… Continue Reading selected text from a drop-down list (select box) using jQuery