How to add watermark effect on text input using Jquery?

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0in;"> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <b><u><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri;">Description:<o:p></o:p></span></u></b></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">In this article, I will explain how to add default label to textbox</span><b><span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt;"> </span></b><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">using </span><a href="http://www.jqueryjohn.com/"><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Jquery</span></a><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">.  <o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Nowadays, the most popular web design trend is adding watermark effects as instructions with textbox. It is very effective method to attract the user and increase the website usability.<o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Adding instruction with textbox fields will provide user friendly access for the website. We can do this by setting default text in the input fields. Default text appears when the field is empty.<o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">When the input got focus, the default label disappears and enabling user to edit the textbox.<o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">If no value is entered, again the default label will appear.<o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Watermark effect means, adding default text to the fields.<o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <b><u><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri;">Example program:<o:p></o:p></span></u></b></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; border: 1pt solid windowtext; padding: 1pt 4pt;"> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">html</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">xmlns</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="http://www.w3.org/1999/xhtml"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">head</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">runat</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="server"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">title</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">title</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">style</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">type</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="text/css"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">        </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">.watermarkstyle</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">        {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">color</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">: </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">lightgrey</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">;</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">        }</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">style</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">script</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">type</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="text/javascript"</span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">src</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">script</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">script</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">type</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="text/javascript"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">        $(document).ready(</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">function</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">var</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> val = </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"Enter Phone No"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">;</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">if</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> ($(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"#</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">txtPhoneNo</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">).val() == </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">""</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">) {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">                $(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"#</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">txtPhoneNo</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">).val(val);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            }</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            $(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"#</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">txtPhoneNo</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">).focus(</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">function</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">                </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">if</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> (</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">this</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">.value == val) {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">                    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">this</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">.value = </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">""</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">;</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">                    $(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"#</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">txtPhoneNo</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">).removeClass(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"watermarkstyle "</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">                }</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            });</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            $(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"#</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">txtPhoneNo</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">).blur(</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">function</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">                </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">if</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> (</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">this</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">.value == </span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">""</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">) {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">                    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">this</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">.value = val;</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">                    $(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"#</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">txtPhoneNo</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">).addClass(</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"watermarkstyle "</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">                }</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            });</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">        });</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">script</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">head</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">body</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">form</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">id</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="form1"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">runat</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="server"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">div</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">        </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"><</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">TextBox</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">ID</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="txtPhoneNo"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">CssClass</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> watermarkstyle</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> "</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: red; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">runat</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">="server"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">asp</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">:</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">TextBox</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">div</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">    </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">form</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">body</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"></</span><span lang="EN" style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">html</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> </div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <br /> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;"> <u><span style="color: #666666; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-weight: bold;">Watermark input style using Jquery, adding default label on input fields,Jquery watermark effect on text input, Textbox watermark effect in asp,net using Jquery, Add default text to textbox using watermark effect, Textbox watermark effect with default value, Default text label in textbox using Jquery<o:p></o:p></span></u></div> </div> </div>

How to add watermark effect on text input using Jquery?

Description: In this article, I will explain how to add default label to textbox using Jquery .   Nowadays, the most popular web...

Read more »

How to Highlight gridview row using Jquery?

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin: 0in;"> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <b><u><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri;">Description:<o:p></o:p></span></u></b></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">In this article, I will explain how to highlight gridview row</span><b><span style="font-family: "Calibri","sans-serif"; font-size: 11.0pt;"> </span></b><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">using </span><a href="http://www.jqueryjohn.com/"><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Jquery</span></a><span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">.  <o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">As we know, gridview is a powerful control to display data in tabular format. But some client side features makes user unhappy.<o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">Highlighting gridview row on mouse over event not provided with gridview control. In order to overcome this, we are using Jquery.<o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-font-weight: bold;">When mouse is moved over gridview row, background color is changed and gridrow looks highlighted. When mouse is moved out, color is changed and it will back to normal.<o:p></o:p></span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <span style="font-family: Verdana, sans-serif; font-size: 10pt; line-height: 13.5pt;">In order to implement highlight gridview row, mouse hover() event and mouse click() event is used in the following program.</span></div> <div style="background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin: 0in 0in 0.0001pt;"> <br /></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;"> <b><u><span style="background-position: initial initial; background-repeat: initial initial; color: #444444; font-family: Verdana, sans-serif; font-size: 10pt;">Example Program:<o:p></o:p></span></u></b><br /> <b><u><span style="background-position: initial initial; background-repeat: initial initial; color: #444444; font-family: Verdana, sans-serif; font-size: 10pt;"><br /></span></u></b></div> <div style="background-position: initial initial; background-repeat: initial initial; border: 1pt solid windowtext; padding: 1pt 4pt;"> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">html</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">xmlns</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="http://www.w3.org/1999/xhtml"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">head</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">id</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="Head1"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">runat</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="server"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">title</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">title</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">script</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">type</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="text/javascript"</span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">src</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">script</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">style</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">type</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="text/css"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        </span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">.Highlightgridrowsonclick</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">background-color</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">: </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">green</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">;</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">cursor</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">: </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">pointer</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">;</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        }</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        </span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">.Highlightgridrowsonhover</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">background-color</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">: </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">red</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">;</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        }</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">style</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">script</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">type</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="text/javascript"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        $(document).ready(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">function</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            $(</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">"tr"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).filter(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">function</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">                </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">return</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> $(</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">'td'</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">, </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">this</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).length && !$(</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">'table'</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">, </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">this</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).length</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            }).click(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">function</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">                $(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">this</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).toggleClass(</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">'Highlightgridrowsonclick'</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            });</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            $(</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">"#GridView1 tr"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).mouseover(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">function</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">                $(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">this</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).addClass(</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">"Highlightgridrowsonhover"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            });</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            $(</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">"#GridView1 tr"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).mouseout(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">function</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> () {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">                $(</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">this</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">).removeClass(</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">"Highlightgridrowsonhover"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">            });</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        });</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">script</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">head</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">form</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">id</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="form1"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">runat</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="server"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">div</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">asp</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">:</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">GridView</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">ID</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="GridView1"</span><span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span style="color: red; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">runat</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">="server"></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">        </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">asp</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">:</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">GridView</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">div</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">    </span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">form</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">body</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">html</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";">></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> </div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt; margin-bottom: 0.0001pt;"> <br /></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt; margin-bottom: 0.0001pt;"> <b><u><span lang="EN" style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-ansi-language: EN; mso-bidi-font-family: Consolas; mso-fareast-font-family: "Times New Roman";">Code Behind</span></u></b><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt; margin-bottom: 0.0001pt;"> <br /></div> <div style="background-position: initial initial; background-repeat: initial initial; border: 1pt solid windowtext; padding: 1pt 4pt;"> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">protected</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">void</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> Page_Load(</span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">object</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> sender, </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">EventArgs</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> e)</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">        {</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlConnection</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> con = </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">new</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlConnection</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">(</span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"Data Source=----;Initial Catalog=dbname;User ID=uid;Password=pwd;"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: normal; margin-bottom: 0.0001pt; padding: 0in;"> <br /></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlCommand</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> cmd = </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">new</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlCommand</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">(</span><span lang="EN" style="color: #a31515; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">"select * from sample"</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">, con);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">DataSet</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> ds = </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">new</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">DataSet</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">();</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlDataAdapter</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> da = </span><span lang="EN" style="color: blue; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">new</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";"> </span><span lang="EN" style="color: #2b91af; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">SqlDataAdapter</span><span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">(cmd);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            da.Fill(ds);</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            GridView1.DataSource = ds;</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">            GridView1.DataBind();</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; border: none; line-height: 14.4pt; margin-bottom: 0.0001pt; padding: 0in;"> <span lang="EN" style="color: #333333; font-family: Consolas; font-size: 9.5pt; mso-ansi-language: EN; mso-fareast-font-family: "Times New Roman";">        }</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div> </div> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;"> <br /></div> <span style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 18px;">In the above program, I am highlighting gridview row with mousemove() method and mouseclick() method.</span><br /> <span style="font-family: Verdana, sans-serif; font-size: 13px; line-height: 18px;"><br /></span> <br /> <div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt;"> <u><span style="color: #666666; font-family: "Verdana","sans-serif"; font-size: 10.0pt; mso-bidi-font-weight: bold;">Highlight a row in gridview using Jquery, Highlight gridview row on mousehover using Jquery, Jquery Highlight gridview row, Highlight row on mouseover using css and Jquery, Highlight gridview selected row, Highlight gridview row by clicking anywhere in the row,  Select row on mouse click in gridview,  Select row in gridview on click<o:p></o:p></span></u></div> </div> </div>

How to Highlight gridview row using Jquery?

Description: In this article, I will explain how to highlight gridview row using Jquery .   As we know, gridview is a powerful c...

Read more »