jQuery Display Progress Bar on Button Click in Asp.net

Default.aspx   <html xmlns=”http://www.w3.org/1999/xhtml”> <head id=”Head1″ runat=”server”> <title>jQuery show progress bar on button click asp.net</title> <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.8.2.js”></script> <style type=”text/css”> .sample { background-color:#DC5807; border:1px solid black; border-collapse:collapse; color:White; } </style> </head> <body> <form id=”form1″ runat=”server”> <div id=”DisableDiv”> </div> <input type=”button” id=”btnClick” value=”Get Data” /> <div id=”testdiv”></div> </form> <script type=”text/javascript”> $(function() { $(‘#btnClick’).click(function() { $(‘#DisableDiv’).fadeTo(‘slow’, .6); … Read more

jQuery Higlight Table Row & Column on Mouseover in Asp.net

Default.aspx <html xmlns=”http://www.w3.org/1999/xhtml”> <head id=”Head1″> <title>Asp.net Bind Data to Datatable using JQuery or JSON</title> <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.8.2.js”></script> <script type=”text/javascript”> $(function() { $.ajax({ type: “POST”, contentType: “application/json; charset=utf-8”, url: “Default.aspx/BindDatatable”, data: “{}”, dataType: “json”, success: function(data) { for (var i = 0; i < data.d.length; i++) { if (i % 2 == 0) { $(“#tbDetails”).append(“<tr class=tg-even><td>” … Read more

Slider with Slideshow (jQuery)

1. Javascript Code <!– it works the same with all jquery version from 1.x to 2.x –> <script src=”jquery.min.js”></script> <script src=”jssor.slider.mini.js”></script> <script> jQuery(document).ready(function ($) { //Define an array of slideshow transition code var _SlideshowTransitions = [ { code1 }, { code2 }, { code3 } ]; var options = { $AutoPlay: true, $SlideshowOptions: { $Class: … Read more

Auto Load and Refresh Div every 10 Seconds with jQuery

Have you seen this Twitter Search and Facebook shows most recent tweets/posts count from the database every 10 seconds on top of the page. I had developed like this with jQuery and Ajax. It’s simple just 5 lines of code Example 1 Index.htmlContains javascript and HTML code. Take a look at load(“record_cound.php”) <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/ libs/jquery/1.3.0/jquery.min.js”></script> <script … Read more

Ajax Create, Update and Delete data with jQuery and php

now we will make a simple add, edit ,delete data with jquery, php and mysql
first we create a table called ‘tbl_barang’

CREATE TABLE `tbl_barang` (
 `kode_barang` varchar(10) collate latin1_general_ci NOT NULL,
 `nama_barang` varchar(100) collate latin1_general_ci NOT NULL,
 `harga` double(16,2) NOT NULL,
 PRIMARY KEY  (`kode_barang`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

after that we create a file called ‘koneksi.php’ and put ths code into the file

Read more