"If at first you don't succeed; call it version 1.0" :-Unknown

Pages

Tuesday, July 13, 2010

Disable JavaScript on browsers running IE6 or Lesser

 Hi friends,
Web Developers often face requirements to detect the browser type and version and execute some script based on that. If you are not using any JavaScript framework, then here’s how to execute a script only if the Internet Explorer version is greater than 6 (IE6)
Just add this piece of code in between the ‘head’ tags

<head>
<title>Execute script only if > IE 6</title>
<!--[if gte IE 7]>
<SCRIPT LANGUAGE="Javascript">
alert("You are running Internet Explorer 7 or greater");
</SCRIPT>
<![endif]-->
</head>
 
This is how Microsoft officially recommends you to detect the browser type and version. As stated in the documentation,
“The downlevel-hidden conditional comment contains hyphens ("--") in the opening and closing tag, similar to the basic HTML Comment. The content is placed inside the comment tags. Because the first four characters and the last three characters of the comment are identical to a basic HTML Comment element, down-level browsers ignore the HTML content inside the comment block”

HTML5: Up and RunningHTML5: Designing Rich Internet Applications (Visualizing the Web)Beginning HTML5 and CSS3: Next Generation Web Standards 

Tuesday, July 6, 2010

pre-text on texbox or watermark on textbox without using ajax

Hi friends,
pre-text in texbox is very much common on web pages. i seen so many web pages using Ajax and jquery for this stuff.But i have simple one where i'm using only the client side event of the textbox. onFocus, onBlur.

DEMO



Description
i'm passing the pretext on the time i initialize the txtbox and on onfocus event i'm i make the value to empty and onBlur event i check the value if it is null i make the value to my pre-text :). it's done by a simple if else statement
code 

 <td ><input name="Firstname" type="text" class="text" id="email" onFocus="if (this.value=='Firstname'){this.value='';};return false;" onBlur="if (this.value==''){this.value='Firstname';return false;}" value="Firstname" size="15"></td>

JavaScript: The Good PartsJavaScript: The Definitive GuideObject-Oriented JavaScript: Create scalable, reusable high-quality JavaScript applications and libraries 
 


Saturday, July 3, 2010

Display an Image when the GridView has no data

Hi,
Display an image when their is no data in the gridview.

demo
code

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
    DataSourceID="SqlDataSource1"
   
ShowFooter="true" AllowPaging="True" AllowSorting="True">

<
EmptyDataTemplate>
  <
asp:Image id="imgOne"
   
ImageUrl="~/images/Emptydata.jpg"
   
AlternateText="No results"
   
runat="server"/>
</
EmptyDataTemplate>


sample code 



 Professional DevExpress<sup><small>TM</small></sup> ASP.NET ControlsGridview, Style A, 12/bxASP.NET Data Web Controls Kick Start
Have a nice day... 'N happy Coding :)