Print selected webpage data using Javascript

Many times we would like to place a button on webpage to print the content of that web page via an actual printer. JavaScript helps you to implement this functionality using the print function of window object. The JavaScript print function window.print() prints the current web page when executed. You can call this function directly … Read more

jQuery Display Progress Bar on Button Click in

Default.aspx   <html xmlns=””> <head id=”Head1″ runat=”server”> <title>jQuery show progress bar on button click</title> <script type=”text/javascript” src=””></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

Default.aspx <html xmlns=””> <head id=”Head1″> <title> Bind Data to Datatable using JQuery or JSON</title> <script type=”text/javascript” src=””></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=””></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

Ajax Upload and Resize an Image with PHP.

Today I am presenting the most important social networking feature called ajax upload and resize an image without refreshing the page using jquery and PHP. This tutorial a continuation of my previous post, I just included image re-sizing function for different dimensions. It is very useful for your web project that saves lots of hosting … 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=” libs/jquery/1.3.0/jquery.min.js”></script> <script … Read more