Javascript/jqueryTag Archive

JQuery draggable/droppable Date : 27/03/2019 In this article I will describe the Drag&Drop feature from jQuery. In this post we will create the example drag and drop html page. Step for creating the drag and drop html page. Include jquery and css file inside head. 2. You can add the… Continue Reading JQuery draggable/droppable

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: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:19-06-2017 In this post we will explain Make the <li class> to be Active when click menu Step 1: Include jQuery Plugin necessary  jquery files. <source src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js”></source > <source src=”https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js” type=”text/javascript”></source > <source src=”https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.11/js/app.min.js” type=”text/javascript”></source > Step 2:Add the following jquery script code for dynamic active class var url = window.location.href; // for sidebar… Continue Reading Make the menu to be Active when click menu

Posted Date:19-06-2017 In this we will explain check box checked or not. 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>Check/uncheck </title> <source src=”http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js”></source> </head> <body> <input type=”checkbox” class=”test” value=”” > $(document).on(‘click’, ‘.test’ , function() { if ($(‘.test’).prop(‘checked’)==true)… Continue Reading check / uncheck checkbox using jquery?