Category: Advanced

jQuery AJAX Modal Form HTML

Modal Form HTML This code shows the CSS, Javascript and HTML code required to show jQuery modal form. <style> body{width:40%;} .message-box{margin-bottom:20px;border-top:#F0F0F0 2px solid;background:#FAF8F8;padding:10px;} .btnDeleteAction{background-color: #F3C6C6;border: 0; padding: 7px; color: #555555; margin-bottom: 15px; font-family: Verdana,Arial,sans-serif;font-size:...

jQuery Ajax Column Sort

HTML Header with AJAX Call This HTML code contains database results with column name in the table header. On clicking this header the AJAX call is sent to the server to get new results...

jQuery AJAX Inline CRUD with PHP

HTML Editable Table Rows This code is for reading database records and listing editable content by setting the “contenteditable” as true. The code is, <?php require_once(“dbcontroller.php”); $db_handle = new DBController(); $sql = “SELECT *...

Load Dynamic Data using jQuery ListBox

jQuery Example to Load ListBox Dynamically In this example, we should go with the following steps to implement dynamic data loading using jQuery. Create UI to be appended for each user information. Download and...

jQuery Auto Load

jQuery Auto Load Very few lines of code are required for the jQuery auto load. And it is, <script src=”https://code.jquery.com/jquery-2.1.1.min.js” type=”text/javascript”></script> <script> $(document).ready(function(){ setInterval(function(){ $(“#screen”).load(‘banners.php’) }, 2000); }); </script> The PHP file banners.php is...

jQuery AJAX Image Upload

Image Upload HTML This code shows photo icon in the middle of a preview box and an upload button. On clicking the photo icon a transparent preview of the image will be displayed in...

Show Buttons
Hide Buttons
Social Media Auto Publish Powered By : XYZScripts.com