<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:media="http://search.yahoo.com/mrss/" version="2.0">

<channel>
	<title>Tech Ahead</title>
	
	<link>http://techahead.wordpress.com</link>
	<description>feel the passion of technologies here!</description>
	<lastBuildDate>Sat, 11 Jul 2009 20:36:05 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain="techahead.wordpress.com" port="80" path="/?rsscloud=notify" registerProcedure="" protocol="http-post" />
<image>
		<url>http://www.gravatar.com/blavatar/f75266576d751d0326028dbfd1218d29?s=96&amp;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Tech Ahead</title>
		<link>http://techahead.wordpress.com</link>
	</image>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/TechAhead" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>Google Chrome – StumbleUpon submit and stumbling buttons</title>
		<link>http://techahead.wordpress.com/2009/07/11/google-chrome-stumbleupon-submit-and-stumbling-button/</link>
		<comments>http://techahead.wordpress.com/2009/07/11/google-chrome-stumbleupon-submit-and-stumbling-button/#comments</comments>
		<pubDate>Sat, 11 Jul 2009 20:36:05 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[stumbleupon]]></category>
		<category><![CDATA[stumbleupon toolbar]]></category>
		<category><![CDATA[toobar]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/?p=168</guid>
		<description><![CDATA[This is for all of you (including me) who want a StumbleUpon toolbar in Google Chrome. I am big fan of StumbleUpon, I spent hours on clicking that small stumble button in firefox. Firefox is awesome but Chrome is faster.
StumbleUpon recently made a virtual toolbar for Chrome, but that&#8217;s not enough for a stumbleupon addict [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=168&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>This is for all of you (including me) who want a StumbleUpon toolbar in Google Chrome. I am big fan of StumbleUpon, I spent hours on clicking that small stumble button in firefox. Firefox is awesome but Chrome is faster.</p>
<p>StumbleUpon recently made a virtual toolbar for Chrome, but that&#8217;s not enough for a stumbleupon addict like me, because going on thier ite again and again to stumble is time consuming rather than a small stumble button on your browser window. So I just applied some simple tricks (may be you aware with those) and its done. Basically I need two things from StumbleUpon for chrome, which are</p>
<ul>
<li>A button in the bookmark bar with which I can stumble and</li>
<li>another button in the bookmark bar with which I can submit the website (which I am viewing currently) to StumbleUpon.</li>
</ul>
<p>I have achieved both of these. StumbleUpon provides a url code <a href="http://www.stumbleupon.com/s/#1vH77R/www.physicsgames.net/game/Demolition_City.html/">http://www.stumbleupon.com/s/</a> when you enter this url in browser, it will search and display a new website. To start stumbling in chrome just add a new page to bookmark bar, by right clicking on bookmark bar and sleect &#8220;Add Page&#8221; option. Then in the Name type anything (I typed &#8220;Stumble&#8221;) you like and in the next URL field enter <a href="http://www.stumbleupon.com/s/#1vH77R/www.physicsgames.net/game/Demolition_City.html/">http://www.stumbleupon.com/s/</a> URL, click OK to save and you&#8217;re done. Now click this button again and again and StumbleUpon will suggest new websites.</p>
<p>Now the next is submit current website to StumbleUpon, to achieve this add a new page in the bookmark bar (same as above) Type name (Submit to Stumble) and in th URL field type following javascript code,</p>
<p><span style="color:#3366ff;">javascript:document.location.href=&#8217;http://www.stumbleupon.com/s/&#8217;</span></p>
<p><span style="color:#3366ff;">+document.location.href;</span></p>
<p>(<em>Type the above code in single line, I have divide it to fit in my blog&#8217;s content area</em>)</p>
<p>Suppose you&#8217;re visiting the http://www.google.com/ then just click <strong>Submit to Stumble</strong> in button bookmark bar and StumleUpon will open the submit interface for you <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>This works for me, very well. I am waiting for StumbleUpon toolbar from StumbleUpon developers, but till then not worries, I have the two button which I use mostly. Take your time guyz. <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/168/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/168/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/168/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/168/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/168/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/168/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/168/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/168/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/168/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/168/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=168&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2009/07/11/google-chrome-stumbleupon-submit-and-stumbling-button/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>
	</item>
		<item>
		<title>ASP.NET – How to send email in asp.net 2.0</title>
		<link>http://techahead.wordpress.com/2009/06/20/asp-net-how-to-send-email-in-asp-net-2-0/</link>
		<comments>http://techahead.wordpress.com/2009/06/20/asp-net-how-to-send-email-in-asp-net-2-0/#comments</comments>
		<pubDate>Sat, 20 Jun 2009 13:49:18 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[ASP.NET]]></category>
		<category><![CDATA[asp.net]]></category>
		<category><![CDATA[asp.net 2.0]]></category>
		<category><![CDATA[asp.net mail]]></category>
		<category><![CDATA[send email]]></category>
		<category><![CDATA[system.net]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/?p=161</guid>
		<description><![CDATA[Emails are the important part of any web application to make an interaction between website and end users. I got many queries from my friends for “How to send emails in ASP.NET”, so I have created a sample email sending application in asp.net to give you an idea about email sending in asp.net. So take [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=161&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Emails are the important part of any web application to make an interaction between website and end users. I got many queries from my friends for “How to send emails in ASP.NET”, so I have created a sample email sending application in asp.net to give you an idea about email sending in asp.net. So take a look at the how to make an application which will send emails.</p>
<p>First of all setup your mail server settings in <strong>web.config</strong> file, so that you’ll need not to define the mail server settings every time in code. In the web.config file define the <strong>&lt;system.net&gt;</strong> tag to define the mail server settings as below:</p>
<p><span style="color:#0000ff;">&lt;!&#8211;Mail Server&#8211;&gt;</span></p>
<p><span style="color:#0000ff;">&lt;system.net&gt;<br />
&lt;mailSettings&gt;<br />
&lt;smtp deliveryMethod=&#8221;Network&#8221;&gt;<br />
&lt;network host=&#8221;your host name&#8221; port=&#8221;25&#8243; userName=&#8221;" password=&#8221;" defaultCredentials=&#8221;false&#8221;/&gt;<br />
&lt;/smtp&gt;<br />
&lt;/mailSettings&gt;<br />
&lt;/system.net&gt;</span></p>
<p>In the above settings change your host name in <strong>&lt;network&gt;</strong> tag. Port number usually default 25, but it depends on your mail server settings, add you username and password for mail server.</p>
<p>After setting up your mail server settings in web.config file, create a page from where you want to send emails. I have created default.aspx page from where I’ll send emails. In this page I have created a sample interface for sending emails, with some common fields, from, to, subject, and body of email with a Send Mail button. On click of the button I am executing the following code.</p>
<p><span style="color:#0000ff;">if (sendMail(txtfrom.Text, txtto.Text, txtsubject.Text, txtbody.Text))<br />
{<br />
lblmsg.Text = &#8220;Mail Sent&#8221;;<br />
}<br />
else<br />
{<br />
lblmsg.Text = &#8220;Some error has been occured, please try again!&#8221;;<br />
}</span></p>
<p>In the above code I am executing a <strong>sendmail </strong>function in if condition, sendmail function returns a bool type (<strong>true or false</strong>) value. If emails sent successfully then it will return true else return false. On the basis of that bool value returned by the sendmail function I am displaying the error message if email sending is failed. Sendmail function is defined in this default.aspx file, just download the sample app below and look by yourself, if have any problem please comment below.</p>
<p>This is a simple mail sending application with minimal options you can also use CC, BCC, attachments etc, just explore more options from this (<a href="http://www.systemnetmail.com/" target="_blank">http://www.systemnetmail.com/</a>) site which is specially made for describing the email sending method and function in ASP.NET 2.0.</p>
<p><strong>Download the sample application here</strong>: <a href="http://cid-9e5547502c371bbc.skydrive.live.com/self.aspx/Public/techAhead/how-to-send-email-in-asp.net/sendemail.zip" target="_blank">DOWNLOAD</a></p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/161/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/161/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/161/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/161/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/161/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/161/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/161/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/161/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/161/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/161/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=161&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2009/06/20/asp-net-how-to-send-email-in-asp-net-2-0/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>
	</item>
		<item>
		<title>Fun – website development hip-hop style</title>
		<link>http://techahead.wordpress.com/2009/06/16/fun-website-development-hip-hop-style/</link>
		<comments>http://techahead.wordpress.com/2009/06/16/fun-website-development-hip-hop-style/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 16:51:28 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[Fun]]></category>
		<category><![CDATA[hip-hop]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[website development]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/?p=155</guid>
		<description><![CDATA[Introduction
Hi, I found this video while surfing on YouTube and its pretty interesting, will tell you all the basic concept of developing a website in today’s world. Watch and listen it carefully (lyrics are included below). Have fun  

Lyrics
Your site design is the first thing people see
it should be reflective of you and the [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=155&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><h2>Introduction</h2>
<p>Hi, I found this video while surfing on YouTube and its pretty interesting, will tell you all the basic concept of developing a website in today’s world. Watch and listen it carefully (lyrics are included below). Have fun <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><span style="text-align:center; display: block;"><a href="http://techahead.wordpress.com/2009/06/16/fun-website-development-hip-hop-style/"><img src="http://img.youtube.com/vi/a0qMe7Z3EYg/2.jpg" alt="" /></a></span></p>
<h2>Lyrics</h2>
<blockquote><p>Your site design is the first thing people see<br />
it should be reflective of you and the industry<br />
easy to look at with a nice navigation<br />
when you can’t find what you want it causes frustration<br />
a clear Call to action to increase the temptation<br />
use appealing graphics they create motivation<br />
if you have animation<br />
use with moderation<br />
cause search engines can’t index the information<br />
display the logos of all your associations<br />
highlight your contact info that’s an obligation<br />
create a clean design you can use some decoration<br />
but to try to prevent any client hesitation<br />
every page that they click should provide and explanation<br />
should be easy to understand like having a conversation<br />
when you design the style go ahead and use your imagination<br />
but make sure you use correct color combinations<br />
do some investigation, look at other organizations<br />
but don’t duplicate or you might face a litigation<br />
design done, congratulations but it’s time to start construction<br />
follow these instructions when you move into production<br />
your Photoshop functions then slice that design<br />
do your layout with div’s make sure that it’s aligned<br />
please don’t use tables even though they work fine<br />
when it come to indexing they give searches a hard time<br />
make it easy for the spiders to crawl what you provide<br />
remove font type, font color and font size<br />
no background colors, keep your coding real neat,<br />
tag your look and feel on a separate style sheet<br />
better results with xml and css<br />
now you making progress, a lil closer to success<br />
describe your doctype so the browser can relate<br />
make sure you do it great or it won’t validate<br />
check in all browsers, I do it directly<br />
gotta make sure that it renders correctly<br />
some use IE, some others use Flock<br />
some use AOL, I use Firefox<br />
title everything including links and images<br />
don’t use italics, use emphasis<br />
don’t use bold, please use strong<br />
if you use bold that’s old and wrong<br />
when you use CSS, you page will load quicker<br />
client satisfied like they eating on a snicker<br />
they stuck on your page like you made it with a sticker<br />
and then they convert now that’s the real kicker<br />
make you a lil richer, your site a lil slicker<br />
design and code right man I hope you get the picture<br />
what I’m telling you is true man it should be a scripture<br />
if it’s built right you’ll be the pick of the litter<br />
everyone will want to follow you like twitter<br />
competition will get bitter and you’ll shine like glitter<br />
if you trying to grow your company will get bigger<br />
design and code right man can you get with it<span style="font-size:x-small;"><span style="font-family:Arial;"><br />
</span></span></p></blockquote>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/155/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/155/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/155/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/155/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/155/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/155/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/155/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/155/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/155/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/155/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=155&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2009/06/16/fun-website-development-hip-hop-style/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>

		<media:content url="http://img.youtube.com/vi/a0qMe7Z3EYg/2.jpg" medium="image" />
	</item>
		<item>
		<title>Fun – Wedding In SQL Style</title>
		<link>http://techahead.wordpress.com/2008/09/22/fun-%e2%80%93-wedding-in-sql-style/</link>
		<comments>http://techahead.wordpress.com/2008/09/22/fun-%e2%80%93-wedding-in-sql-style/#comments</comments>
		<pubDate>Mon, 22 Sep 2008 09:44:20 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[Fun]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/2008/09/22/fun-%e2%80%93-wedding-in-sql-style/</guid>
		<description><![CDATA[Introduction
Smile please, hey guys I received this query through email from one of my friend. It looks great and funny; I am sharing it with you. Dedicated to all techies  
Wedding Sql Query
CREATE PROCEDURE MyMarriage
BrideGroom Male (25),
Bride Female (22)
AS
BEGIN
SELECT Bride FROM India_Brides
WHERE FatherInLaw = ‘Millionaire’
AND Count(Car) &#62; 20   AND HouseStatus=’ThreeStoreyed’
AND BrideEduStatus IN (B.TECH ,BE [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=149&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><h2>Introduction</h2>
<p>Smile please, hey guys I received this query through email from one of my friend. It looks great and funny; I am sharing it with you. Dedicated to all techies <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2>Wedding Sql Query</h2>
<p><span style="color:#0000ff;">CREATE PROCEDURE MyMarriage<br />
BrideGroom Male (25),<br />
Bride Female (22)<br />
AS<br />
BEGIN<br />
SELECT Bride FROM India_Brides<br />
WHERE FatherInLaw = ‘Millionaire’<br />
AND Count(Car) &gt; 20   AND HouseStatus=’ThreeStoreyed’<br />
AND BrideEduStatus IN (B.TECH ,BE ,Degree ,MCA ,MBA)<br />
AND HavingBrothers = NULL<br />
AND Sisters = NULL<br />
SELECT Gold, Cash, Car, BankBalance FROM FatherInLaw<br />
UPDATE MyBankAccout SET MyBal = (MyBal + FatherInLawBal)<br />
UPDATE MyLocker SET MyLockerContents = (MyLockerContents + FatherInLawGold)<br />
INSERT INTO MyCarShed VALUES (’BMW’)<br />
END<br />
GO</span></p>
<h2>Then the wife writes the below query:</h2>
<p><span style="color:#0000ff;">DROP Husband;<br />
COMMIT;</span></p>
<p><strong>Have a nice &amp; smiley day!</strong></p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/149/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/149/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/149/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=149&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2008/09/22/fun-%e2%80%93-wedding-in-sql-style/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>
	</item>
		<item>
		<title>SQL – Step By Step Installation of SQL Server 2008</title>
		<link>http://techahead.wordpress.com/2008/09/22/sql-%e2%80%93-step-by-step-installation-of-sql-server-2008/</link>
		<comments>http://techahead.wordpress.com/2008/09/22/sql-%e2%80%93-step-by-step-installation-of-sql-server-2008/#comments</comments>
		<pubDate>Mon, 22 Sep 2008 09:43:51 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[SQL]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/2008/09/22/sql-%e2%80%93-step-by-step-installation-of-sql-server-2008/</guid>
		<description><![CDATA[Step by step installation of Microsoft SQL server 2008.
read more &#124; digg story
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=148&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Step by step installation of Microsoft SQL server 2008.</p>
<p><a href="http://blog.techsvr.com/?p=69">read more</a> | <a href="http://digg.com/programming/SQL_n_Step_By_Step_Installation_of_SQL_Server_2008">digg story</a></p>
  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/148/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/148/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/148/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/148/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/148/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/148/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/148/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/148/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/148/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/148/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=148&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2008/09/22/sql-%e2%80%93-step-by-step-installation-of-sql-server-2008/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>
	</item>
		<item>
		<title>ASP.NET – Connecting asp.net to mysql database</title>
		<link>http://techahead.wordpress.com/2008/09/13/aspnet-%e2%80%93-connecting-aspnet-to-mysql-database/</link>
		<comments>http://techahead.wordpress.com/2008/09/13/aspnet-%e2%80%93-connecting-aspnet-to-mysql-database/#comments</comments>
		<pubDate>Sat, 13 Sep 2008 13:04:48 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[ASP.NET]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/2008/09/13/aspnet-%e2%80%93-connecting-aspnet-to-mysql-database/</guid>
		<description><![CDATA[This article wil tell you how to create a sample database in mysql and how to connect that database to an ASP.NET application&#8230;&#8230;  
read more &#124; digg story
       <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=139&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>This article wil tell you how to create a sample database in mysql and how to connect that database to an ASP.NET application&#8230;&#8230; <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><a href="http://blog.techsvr.com/?p=59">read more</a> | <a href="http://digg.com/programming/ASP_NET_n_Connecting_asp_net_to_mysql_database">digg story</a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/techahead.wordpress.com/139/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/techahead.wordpress.com/139/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/139/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/139/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/139/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/139/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/139/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/139/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/139/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/139/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/139/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/139/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=139&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2008/09/13/aspnet-%e2%80%93-connecting-aspnet-to-mysql-database/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>
	</item>
		<item>
		<title>Firefox – Must have Add-ons</title>
		<link>http://techahead.wordpress.com/2008/04/02/firefox-must-have-add-ons/</link>
		<comments>http://techahead.wordpress.com/2008/04/02/firefox-must-have-add-ons/#comments</comments>
		<pubDate>Wed, 02 Apr 2008 04:31:12 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/2008/04/02/firefox-must-have-add-ons/</guid>
		<description><![CDATA[


IntroductionHi, you all people are aware of the browser Firefox. A simple and easy to use browser, you can say that Firefox is Simply an Awesome browser. Firefox provides you add-ons which you can integrate with Firefox to get more benefits and improve your surfing experience, if you’re a web developer then you must have [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=132&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><table cellspacing="0" cellpadding="2" width="522" border="0">
<tbody>
<tr>
<td valign="top" width="520"><font face="Arial" size="3"><b>Introduction<br /></b></font><font face="Arial"><font size="2">Hi, you all people are aware of the browser Firefox. A simple and easy to use browser, you can say that Firefox is Simply an Awesome browser. Firefox provides you add-ons which you can integrate with Firefox to get more benefits and improve your surfing experience, if you’re a web developer then you must have all these add-ons which I am going to list below. All these add-ons, I used personally and got some benefits they helps me in many ways. As we know the Firefox is an Open-Source browser, that means you need not to pay anything for that, so all these add-ons are also free of cost. So download and use them. So let’s have a look of these cool add-ons.</font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial">&nbsp;
<p><b><i><a href="http://techahead.files.wordpress.com/2008/04/clip-image0014.gif"><img style="border-width:0;" height="48" alt="clip_image001[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0014-thumb.gif?w=234&#038;h=48" width="234" border="0"></a></i></b>
<p>Clearing a cache is always needed for a web developer. Sometimes if you have done any updates in website then it will again and again continues to display the older contents from the cache of the browser, and de to which we thought may be we have done some mistake in code. But in actually it’s the game of cache. So to clear the cache you have to go the options of the browser and then we’ll clear the cache. But going to the options every time is a headache, so don’t worry your headache will be goes out with this cool add-on (Clear Cache Button). This add-on will add a Clear cache button in toolbar of your Firefox browser.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/1801" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1801</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0024.gif"><img style="border-width:0;" height="46" alt="clip_image002[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0024-thumb.gif?w=450&#038;h=46" width="450" border="0"></a></b></p>
<p>ColorZilla basically a color picker tool for firefox, using this tool you can get the HEX and RGB code of the colors. This can only select the color inside the firefox window not outside that. This helps very much when on some website you sees a color and want use it, so this will help you to get the color code of the color which you can use in your web page code. You can find this tool after installing in Left side of the status bar.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/271" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/271</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0034.gif"><img style="border-width:0;" height="46" alt="clip_image003[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0034-thumb.gif?w=217&#038;h=46" width="217" border="0"></a></b></p>
<p>This tool is very good downloader for firefox. This increases speed of your downloading file and download that fast. It provides many functionality like, pause, stop etc. I like this tool at least for firefox browser. You must have this tool if you’re having firefox installed in your system.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/201" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/201</a>&nbsp;&nbsp;
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0044.gif"><img style="border-width:0;" height="44" alt="clip_image004[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0044-thumb.gif?w=459&#038;h=44" width="459" border="0"></a></b></p>
<p>Firesizer provides you the resolutions using which you can view your website in all resolutions. This is displayed in the status bar when you’ll install this in your browser.
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/5792" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/5792</a>
<p><b></b>
<p><b></b>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0054.gif"><img style="border-width:0;" height="49" alt="clip_image005[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0054-thumb.gif?w=323&#038;h=49" width="323" border="0"></a></b></p>
<p>This is not very useful tool but still it’s a good tool if you want to know about website server, that where the website server is located in the world. Flagfox display the Flag of the country where the website server is located in the world.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/5791" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/5791</a>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0064.gif"><img style="border-width:0;" height="46" alt="clip_image006[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0064-thumb.gif?w=237&#038;h=46" width="237" border="0"></a></b></p>
<p>This is not necessary but it’s good to have this cool add-on, this will add the favicon of the websites before the search result in the search result of the Google. You can notice existence of this tool when you search anything in Google after installing it.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/4676" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/4676</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0074.gif"><img style="border-width:0;" height="47" alt="clip_image007[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0074-thumb.gif?w=309&#038;h=47" width="309" border="0"></a></b></p>
<p>This tool is a text highlighter of the text which you’re searching. Means when you click Ctrl+F then it will highlight all occurrence of the text you’re searching in the current page.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/4240" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/4240</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0084.gif"><img style="border-width:0;" height="45" alt="clip_image008[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0084-thumb.gif?w=390&#038;h=45" width="390" border="0"></a></b></p>
<p>McAfee site advisor advises you that which website is safe to visit or which is not. It advises you that it’s not safe to visit this website automatically by showing a small popup when you open any unsafe website. And when you search for anything in Google then it will also displays the safe and unsafe icon in the search result.
<p><i>Get this from here: </i><a href="http://www.siteadvisor.com/download/ff.html" target="_blank">http://www.siteadvisor.com/download/ff.html</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0094.gif"><img style="border-width:0;" height="49" alt="clip_image009[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0094-thumb.gif?w=375&#038;h=49" width="375" border="0"></a></b></p>
<p>This option is used to open the image in new window. Means when you click on any image on a website then there are two three options like save image, view image etc but not always you want to save all images, in firefox I used to view the image first if it suits my requirement then save it. But when we click view image then it opens the image in the same window, which diverts your mind, so it’s better to open that image in new tab and think about it later. So if you want to see this image in new tab then this is a very helpful tool. You can find this option in the Context menu (Right-Click menu) whenever you right click on any image in the browser.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/2248" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2248</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0104.gif"><img style="border-width:0;" height="48" alt="clip_image010[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0104-thumb.gif?w=324&#038;h=48" width="324" border="0"></a></b></p>
<p>This add-on will restart all your firefox windows. You need not to go and close each and every window, you just need to click this menu “Quick Restart” and will automatically restart all your firefox browser windows.<b></b>
<p>When you install this add on then you can find this feature in File -&gt; Restart Firefox OR you can use the shortcut key Ctrl+Alt+R
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/3559" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/3559</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0114.gif"><img style="border-width:0;" height="43" alt="clip_image011[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0114-thumb.gif?w=309&#038;h=43" width="309" border="0"></a></b></p>
<p>Sometimes you want that whatever windows you have opened now, you’ll get all these when you next starts the windows or firefox. This add-on is useful for web developers or software developer who, use to visit the chatting sites without his boss permission. Means if you are chatting and you knows that your boss is coming at your desk then you just save the session of firefox an close all your browser windows and when he gone from there then again start firefox and you’ll get all your windows as it is, but this is other side but normally this add-on helps very much, you just save session and shutdowns your windows, then when you next start your windows you can get all your firefox windows as it is.. [J] You can find this in (File -&gt; Save Session &amp; Exit) after installing this add-on.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/4199" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/4199</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0124.gif"><img style="border-width:0;" height="54" alt="clip_image012[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0124-thumb.gif?w=399&#038;h=54" width="399" border="0"></a></b></p>
<p>SEO firefox, an AWESOME tool which displays the SEO statistics for the website in the Google search results. You can see the page rank in Google yahoo or in many others browser and many other statistics of the website that is displayed in the Google search results. An awesome tool for web developers.
<p><i>Get this from here: </i><a href="http://tools.seobook.com/firefox/seo-for-firefox.html" target="_blank">http://tools.seobook.com/firefox/seo-for-firefox.html</a>
<p><b></b>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0134.gif"><img style="border-width:0;" height="44" alt="clip_image013[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0134-thumb.gif?w=346&#038;h=44" width="346" border="0"></a></b></p>
<p>This is useful when you want to know that on which type of web server the website you’re visiting is hosted. This will automatically displays the web server type of the website in the status bar.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/2036" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2036</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0144.gif"><img style="border-width:0;" height="55" alt="clip_image014[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0144-thumb.gif?w=377&#038;h=55" width="377" border="0"></a></b></p>
<p>This add-on show the IP address of the website in the status bar of the firefox browser. Sometimes this is useful when you want to know the IP address of a particular website. It’s better than searching or pinging the website using the “who is” websites or using cmd prompt.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/590" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/590</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0154.gif"><img style="border-width:0;" height="49" alt="clip_image015[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0154-thumb.gif?w=208&#038;h=49" width="208" border="0"></a></b></p>
<p>This add-on is used to open the tab in new window. It is useful sometimes, you should have this add-on. You can find it when you right click on a tab.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/2062" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/2062</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0164.gif"><img style="border-width:0;" height="46" alt="clip_image016[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0164-thumb.gif?w=223&#038;h=46" width="223" border="0"></a></b></p>
<p>Time Tracker tracks the time you spent in your web browser. it displays this tracking I the status bar.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/1887" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/1887</a>
<p><b></b>
<p><b></b>&nbsp;</p>
<p><b><a href="http://techahead.files.wordpress.com/2008/04/clip-image0174.gif"><img style="border-width:0;" height="52" alt="clip_image017[4]" src="http://techahead.files.wordpress.com/2008/04/clip-image0174-thumb.gif?w=448&#038;h=52" width="448" border="0"></a></b></p>
<p>Web developer toolbar, a very useful and good tool for web developers, you must have this tool of you’re using firefox. This tool adds a toolbar in your firefox browser, There are many functionalities provided by this browser, you just install this tool and have a look of all these, but believe me its AWESOME tool. Which will definitely helps you in web designing.
<p><i>Get this from here: </i><a href="https://addons.mozilla.org/en-US/firefox/addon/60" target="_blank">https://addons.mozilla.org/en-US/firefox/addon/60</a></font></font><font size="2"><font face="Arial"> </font></font></p>
</td>
</tr>
<tr>
<td valign="top" width="518"><font face="Arial" size="3"><b><b>List of add-ons installed in my firefox browser<br /></b><br /><a href="http://techahead.files.wordpress.com/2008/04/firefox-1.png"><img style="border-width:0;" height="1114" alt="firefox-1" src="http://techahead.files.wordpress.com/2008/04/firefox-1-thumb.png?w=511&#038;h=1114" width="511" border="0"></a> </b></font></td>
</tr>
<tr>
<td valign="top" width="518">
<p><font face="Arial" size="2"></font>&nbsp;</p>
<p><font face="Arial" size="2">These are some add-ons for firefox which I am using and getting benefits from these add-ons and there are hundreds of other tools are present who can help you in many ways. <br />But I am confused that Microsoft a big name in IT field, not having any kind of add-ons with IE, or may be there are, but they are not popular, but I think they are not having anything, and also in comparison of everything like Speed, looks, easy to operate firefox is better than IE. But I am a fan of Microsoft Company, so I request them to develop a good and fast browser. And I appreciate firefox team for making such a cool and awesome browser keep the spirit up and hope that Firefox3 will add many other feature which helps user and web developer.<br />And if you know any other cool add-on which can help people to improve surfing experience, so please share the same with us.</font></p>
<p><font size="2"><font face="Arial">Give your valuable comments.<br />Thanks</font></font></p>
</td>
</tr>
<tr>
<td valign="top" width="518"><b>Reference : </b>Prashant Pandey (<a href="http://techahead.wordpress.com">TechAhead</a>)</td>
</tr>
<tr>
<td valign="top" width="518">
<p align="center">*******</p>
</td>
</tr>
<tr>
<td valign="top" width="518"><a href="http://www.dotnetkicks.com/kick/?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f04%2f02%2ffirefox-must-have-add-ons%2f" target="_blank"><img alt="kick it on DotNetKicks.com" src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f04%2f02%2ffirefox-must-have-add-ons%2f" border="0"></a></td>
</tr>
</tbody>
</table>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/techahead.wordpress.com/132/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/techahead.wordpress.com/132/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/132/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/132/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/132/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/132/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/132/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/132/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/132/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/132/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/132/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/132/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=132&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2008/04/02/firefox-must-have-add-ons/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0014-thumb.gif" medium="image">
			<media:title type="html">clip_image001[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0024-thumb.gif" medium="image">
			<media:title type="html">clip_image002[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0034-thumb.gif" medium="image">
			<media:title type="html">clip_image003[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0044-thumb.gif" medium="image">
			<media:title type="html">clip_image004[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0054-thumb.gif" medium="image">
			<media:title type="html">clip_image005[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0064-thumb.gif" medium="image">
			<media:title type="html">clip_image006[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0074-thumb.gif" medium="image">
			<media:title type="html">clip_image007[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0084-thumb.gif" medium="image">
			<media:title type="html">clip_image008[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0094-thumb.gif" medium="image">
			<media:title type="html">clip_image009[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0104-thumb.gif" medium="image">
			<media:title type="html">clip_image010[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0114-thumb.gif" medium="image">
			<media:title type="html">clip_image011[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0124-thumb.gif" medium="image">
			<media:title type="html">clip_image012[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0134-thumb.gif" medium="image">
			<media:title type="html">clip_image013[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0144-thumb.gif" medium="image">
			<media:title type="html">clip_image014[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0154-thumb.gif" medium="image">
			<media:title type="html">clip_image015[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0164-thumb.gif" medium="image">
			<media:title type="html">clip_image016[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/clip-image0174-thumb.gif" medium="image">
			<media:title type="html">clip_image017[4]</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/firefox-1-thumb.png" medium="image">
			<media:title type="html">firefox-1</media:title>
		</media:content>

		<media:content url="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f04%2f02%2ffirefox-must-have-add-ons%2f" medium="image">
			<media:title type="html">kick it on DotNetKicks.com</media:title>
		</media:content>
	</item>
		<item>
		<title>ASP.NET – Using "radio button" inside grid view</title>
		<link>http://techahead.wordpress.com/2008/04/01/aspnet-using-radio-button-inside-grid-view/</link>
		<comments>http://techahead.wordpress.com/2008/04/01/aspnet-using-radio-button-inside-grid-view/#comments</comments>
		<pubDate>Tue, 01 Apr 2008 04:33:10 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[ASP.NET]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/2008/04/01/aspnet-using-radio-button-inside-grid-view/</guid>
		<description><![CDATA[


IntroductionHi, in this article I am going to explain you about the use of “radio button” control inside an “ASP.NET Grid View” control. This sounds that it’s easy to put the radio button inside a grid view control, but you are wrong it’s not easy as it sounds. There are many factors which makes this [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=95&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><table cellspacing="0" cellpadding="2" width="522" border="0">
<tbody>
<tr>
<td valign="top" width="520"><font face="Arial" size="3"><b>Introduction<br /></b></font><font face="Arial"><font size="2">Hi, in this article I am going to explain you about the use of “radio button” control inside an “ASP.NET Grid View” control. This sounds that it’s easy to put the radio button inside a grid view control, but you are wrong it’s not easy as it sounds. There are many factors which makes this problem complex to solve. But as you know the things looks “impossible”, who ultimately says “I am possible”.&nbsp; So let’s take a look of this problem and solution for the same.</font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><br /><font face="Arial" size="3"><b>What is the problem?<br /></b></font><font face="Arial">The problem is, sometimes we (web developers) needs to display a data to the user which requires a radio button control, means for selection purpose or something. Let’s say you have a list of products out of which you want user can select only one product, so radio button help us that user can select only one product. List something like below:</p>
<p><a href="http://techahead.files.wordpress.com/2008/04/geid-radio1.gif"><img style="border-width:0;" height="203" alt="geid-radio1" src="http://techahead.files.wordpress.com/2008/04/geid-radio1-thumb.gif?w=276&#038;h=203" width="276" border="0"></a> </font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><br /><font size="2"><font face="Arial" size="3"><b>Description of the problem and its solution <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> <br /></b></font><font face="Arial">So in the above displayed case we need to put radio button control inside a column in the grid view. Now as you know in asp.net we use the grid view control to display the data in the tabular format, grid view is an element in which you just need to specify the field name (fields that are present in your dataset) which you want to display. And then it will automatically bind those fields and displays all the data to the user in a tabular format.<br />But according to our problem we need to have a radio button control inside a column in the grid view.<br />In the grid view there are 7 predefined column types using those you can bound text data and controls like button, check box etc in the grid view column.<br /><em>The 7 type of columns are displayed below.</em></font></font></font></font></td>
</tr>
<tr>
<td valign="top" width="518">
<ul>
<li><font size="2"><font face="Arial"><font size="2"><font face="Arial"><em>Bound Field </em></font></font></font></font>
<li><font size="2"><font face="Arial"><font size="2"><font face="Arial"><em>Checkbox Field </em></font></font></font></font>
<li><font size="2"><font face="Arial"><font size="2"><font face="Arial"><em>Hyperlink Field </em></font></font></font></font>
<li><font size="2"><font face="Arial"><font size="2"><font face="Arial"><em>Image Field </em></font></font></font></font>
<li><font size="2"><font face="Arial"><font size="2"><font face="Arial"><em>Button Field </em></font></font></font></font>
<li><font size="2"><font face="Arial"><font size="2"><font face="Arial"><em>Command Field and</em></font></font></font></font>
<li><font size="2"><font face="Arial"><font size="2"><font face="Arial"><em>Template Field</em></font> </font></font></font></li>
</ul>
<p><font face="Arial" size="2"></font>&nbsp;</p>
<p><a href="http://techahead.files.wordpress.com/2008/04/geid-radio2.gif"><img style="border-width:0;" height="179" alt="geid-radio2" src="http://techahead.files.wordpress.com/2008/04/geid-radio2-thumb.gif?w=226&#038;h=179" width="226" border="0"></a> </p>
</td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><font size="2"><font face="Arial"><br />There are 2-3 fields present which are meant and developed to bind the controls like checkbox, hyperlink, image, and button. But not for radio button, so if you want to display any other control in the grid view columns other than already there then you have to use the Template Field column. In which you can place any control you want.<br />According to our problem we have to display a radio button inside the grid column then we’ll take the Template field column to get the radio button displayed inside it.</font></font></font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><font size="2"><font face="Arial" size="3"><b><br />Types of “Radio Button” in ASP.NET<br /></b></font><font face="Arial">Now the complex things start. I don’t know you people are aware of it or not, but there are two types of radio buttons present in the asp.net</font></font></font>&nbsp;</font></td>
</tr>
<tr>
<td valign="top" width="518">
<ol>
<li><font size="2"><font face="Arial"><font size="2"><font face="Arial">HTML radio button control – This is the HTML radio button, this runs on the client side and can’t contact with server directly.</font></font></font></font>
<li><font face="Arial" size="2">Server radio button control – This is the server side radio button you can access this from the server.</font></li>
</ol>
</td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><font size="2"><font face="Arial">Now the question is which type of radio button to choose to get our problem solved. If we choose the “Server radio button control” then it will create problem because the “groupName” property (which is responsible for single radio button selection among the many radio buttons present in the grid) will work only for the radio button present in the same row, not in the different rows, so this will not work and solve our problem.<br />Now the other one “HTML radio button control” which solve our problem because it works for the “name” (which is responsible for single selection) different rows, and also for the same row. That means where ever the HTML radio control will find the radio control which is having “name” property as same it will include that radio control in the group also and only single selection is possible.<br />So the final result of this section is that we’ll go with “HTML Radio Button Control” and we’ll use this in our template field column inside a grid view.</font></font></font>&nbsp;</font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><font size="2"><font face="Arial" size="3"><b><br />Solution code for the problem<br /></b></font><font face="Arial">I have created an example in Asp.NET (C#) to fill the grid view with a radio button column. Like below:<br /><a href="http://techahead.files.wordpress.com/2008/04/geid-radio11.gif"><img style="border-width:0;" height="205" alt="geid-radio1" src="http://techahead.files.wordpress.com/2008/04/geid-radio1-thumb1.gif?w=268&#038;h=205" width="268" border="0"></a>&nbsp;<br />To demonstrate this problem I have created a table in database, an asp.net application, which I am explaining here and later you can download the full source of it.</p>
<p><em>SQL Table Script:<br /></em><br /> 
<p><font color="#004080">CREATE TABLE radioproblem<br />(<br />&nbsp;&nbsp;&nbsp; Id INT IDENTITY(1,1),<br />&nbsp;&nbsp;&nbsp; Name VARCHAR(50)<br />) </font>
<p><font color="#004080">INSERT INTO radioproblem VALUES(&#8216;Prashant&#8217;)<br />INSERT INTO radioproblem VALUES(&#8216;Praveen&#8217;)<br />INSERT INTO radioproblem VALUES(&#8216;Pratik&#8217;)<br />INSERT INTO radioproblem VALUES(&#8216;Aman&#8217;)<br />INSERT INTO radioproblem VALUES(&#8216;Shenu&#8217;) </font>
<p><font color="#004080">SELECT * FROM radioproblem</font></p>
<p><em>ASP.NET Application</em><br />Asp.net application have a page named “radiosample.aspx”, this page has two Server side buttons (Fill Data and Submit), a label, a grid view and a server side radio button. In the grid view I have a template field (which will contain a HTML radio button control) and two boundfield that are “Id” and “Name”. On the click event of the Fill Data button I am filling the grid with data. When data will be filled in the grid then the Radio button will be automatically rendered in each row, and out of those entire radio buttons you can select only one.<br />Following I am explaining the markup code of the grid view because we have to change some attributes inside markup code of the grid. The code is:</p>
<p><font color="#004080">&lt;asp:TemplateField&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ItemTemplate&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; type=&#8221;radio&#8221; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name=&#8221;gvradio&#8221; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; value=&#8221;&lt;%#Eval(&#8220;Name&#8221;)%&gt;&#8221; /&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ItemTemplate&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ItemStyle <br />HorizontalAlign=&#8221;Center&#8221; <br />VerticalAlign=&#8221;Middle&#8221; /&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/asp:TemplateField&gt;</font></p>
<p>The markup-code of grid view that you will find inside the example, only the above code deserves an explanation. In the above code we have taken a template field column, in which we have inserted a HTML radio button control,</p>
<p><font color="#004080">&lt;input type=&#8221;radio&#8221; name=&#8221;gvradio&#8221; value=&#8221;&lt;%#Eval(&#8220;Name&#8221;)%&gt;&#8221; /&gt;</font></p>
<p>In the radio button code you have to set the “name” attribute to something which you want and “value” this is basically our database value which you can set using the Eval method and we’ll retrieve when user submit the page. Name property is must because this property insures that only single radio button will be clicked out of all radio buttons having the same name, and also we’ll be able to get the value of this radio button using this name.<br />So now I think our main problem got solved, we can make use of HTML radio button along with grid view, so that user can select only one record or product from grid view. If you want user can select multiple records then you can make use of ASP.NET or HTML checkbox controls</p>
<p><strong><em>Hold on guys,</em></strong><br />So we have solved the problem of ‘how to put a radio button inside grid view’ and how to restrict the user to select only one entry using radio buttons. But guys this is not the end, there are two more problems for you regarding the grid view and radio button relationship. Let’s discuss both one by one.</font></font></font>&nbsp;</font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><font size="2"><font face="Arial" size="3"><b><br />Getting value of “HTML Radio Button” control present inside grid view<br /></b></font>Now our first problem after solving the above problem is “getting the value of selected radio button in asp.net code”. It looks easy but its not, because the radio button is present inside the grid view, so you can’t directly access this control and also it’s a HTML radio button, So according to ASP.NET we can’t access the HTML controls directly in Server side code. So how will we find out that, which product or record user selected?<br />So there is a way with which we can get the value that which record is selected. Generally you can bind any value with radio button which you ant to access on the post back, but as we know&nbsp; In every sql database table (mostly) there is a primary key column which identifies each row uniquely; it may be your product id, employee id, recorded etc. So it’s always better to bind that unique field with radio button type of columns so that you can find out each row in grid uniquely, but all depends on your requirement whatever you want bind with radio button control you can bin, like I am binding my table’s “Name” field with radio button in my example so that I can access that which name is selected when user submit the page. Have a look how to do this as I have done below:</p>
<p><font color="#004080">&lt;input type=&#8221;radio&#8221; name=&#8221;gvradio&#8221; value=&#8221;&lt;%#Eval(&#8220;Name&#8221;)%&gt;&#8221; /&gt;<br /></font><br /><em>value=&#8221;&lt;%#Eval(&#8220;Name&#8221;)%&gt;&#8221; </em>you can put your database field name in place of “Name”.<br />When user will click the submit button then inside the submit button we can access that which value user selected using the following code.</p>
<p><font color="#004080">Request.Form["gvradio"];</font></p>
<p>Using the above code you can get the value selected on click of the submit button. In my example I am do is,on click of submit button I am changing the value of Label1 label present on my web page. Like below:</p>
<p><font color="#004080">Label1.Text = Request.Form["gvradio"];</font></p>
<p>So now you got he value of the radio button in asp.net code also. But there is one more possible problem that can arise problems for you, but d’t worry that also having the solution, lets take a look.</font></font>&nbsp;</font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><font size="2"><font face="Arial" size="3"><b><br />Selecting the first radio button by default<br /></b></font><font face="Arial">Another problem is “selecting the first radio button in the grid view by default”, if you’ll not do so then, without selecting any record user will submit the page and hence you have to put a code on server side that user selected any record or not. But for this small thing if we send the user to the server then it will put some amount of load on our server, So to solve this there are two ways out, first is using the checked property (but its not the good way) and second is using JavaScript code.<br />So the first method is using the checked attribute of the radio button you can set the radio button state as checked. Like below,</p>
<p><font color="#004080">&lt;input type=&#8221;radio&#8221; name=&#8221;gvradio&#8221; checked=”checked” value=&#8221;&lt;%#Eval(&#8220;Name&#8221;)%&gt;&#8221; /&gt;<br /></font><br />But the above code creates a problem, that is it will select one radio button in the given radio button in grid but it will select the radio button that is present in the last row, not the first one, because as we know grid renders each row one by one, so the row that is rendered in last will be selected. But we have to select the first one, so that user will know that first record selected and if he’ll submit the page then selected row will be submitted. So to select the first radio button of first row we have to make use of JavaScript. As you know that gridview in asp.net I renders itself in HTML Table, Row &amp; Column format when we run this in browser, to solve our problem we’ll use this concept of “HTML Tables”, see the JavaScript code below<br />o in the above displayed case we need to put radio button control inside a column in the grid view. Now as you know in asp.net we use the grid view control to display the data in the tabular format, grid view is an element in which you just need to specify the field name (fields that are present in your dataset) which you want to display. And then it will automatically bind those fields and displays all the data to the user in a tabular format.<br />But according to our problem we need to have a radio button control inside a column in the grid view.</p>
<p><font color="#004080">&lt;script language=&#8221;javascript&#8221; type=&#8221;text/javascript&#8221;&gt;<br />&nbsp;&nbsp;&nbsp; function select_first()<br />&nbsp;&nbsp;&nbsp; {<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var table=document.getElementById(&#8216;&lt;%=gvRadiogrid.ClientID %&gt;&#8217;);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (table.rows &amp;&amp; table.rows.length&gt;0)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //Here you need to use 1 for first row. because 0 means its refers the header row in table.&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var firstrow = table.rows[1];&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var cell = firstrow.cells[0];&nbsp; <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var chkChecked = cell.firstChild; </font>
<p><font color="#004080">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; while(chkChecked) <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(chkChecked.tagName==&#8221;INPUT&#8221; &amp;&amp; chkChecked.type==&#8221;radio&#8221;) <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; chkChecked.checked = &#8216;checked&#8217;;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; chkChecked = chkChecked.nextSibling;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; <br />&lt;/script&gt;</font></p>
<p>In above code I am taking the reference of gridview as a table object then after accessing the 1st cell of 1st row and then searching the INPUT tag inside that cell if found then checking that it is a radio button, if yes then selecting the radio button and stooping the loop.<br />That is fine that we have created a JavaScript which will select the 1st row’s radio button by getting the <font size="2"><font face="Arial"><font size="2"><font face="Arial">reference </font></font></font></font>of the grid view in table format. But when we run this function, if we’ll run it on document load then at that time our grid not renders so we’ll get the nullable object error. So to solve this we’ll run this function after our grid renders. That means by pasting the following code in our markup file after the markup of gridview.</p>
<p>&lt;script type=&#8221;text/javascript&#8221; language=&#8221;javascript&#8221;&gt;select_first();&lt;/script&gt;</p>
<p>put the above code after the grid tag (&lt;/asp:GridView&gt;) close. So that it will run after the grid completely rendered and hence it will select the radio button.</font></font></font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><font size="2"><font face="Arial" size="3"><b>Download the example code<br /></b></font><font face="Arial">Download the zip file and change the&nbsp; SQL database name, SQL Server username and password, and also make a table using the script given in the example, because that table is used to demonstrate the application.</p>
<p><a href="http://cid-9e5547502c371bbc.skydrive.live.com/self.aspx/Public/techAhead/Using-radio-button-inside-ASP-dot-NET-GridView/radioproblem-solved.zip" target="_blank"><img style="border-width:0;" height="75" alt="download" src="http://techahead.files.wordpress.com/2008/04/download-thumb.png?w=244&#038;h=75" width="244" border="0"></a> </font></font></font></font></td>
</tr>
<tr>
<td valign="top" width="518">
<p><font size="2"><font face="Arial">TI have tried my best to explain all possible problem of gridview with radio button, else you can download and run the sample application. To run the code you have to create the table in SQL and have to give the SQL username and password in the code file.</font></font></p>
<p><font size="2"><font face="Arial">If feel any problem in understanding the code then please comment here.</font></font></p>
<p><font size="2"><font face="Arial"><br />Give your comments.<br />Thanks</font></font></p>
</td>
</tr>
<tr>
<td valign="top" width="518"><b>Reference : </b>Prashant Pandey (<a href="http://techahead.wordpress.com">TechAhead</a>)</td>
</tr>
<tr>
<td valign="top" width="518">
<p align="center">*******</p>
</td>
</tr>
<tr>
<td valign="top" width="518"><a href="http://www.dotnetkicks.com/kick/?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f04%2f01%2faspnet-using-radio-button-inside-grid-view%2f" target="_blank"><img alt="kick it on DotNetKicks.com" src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f04%2f01%2faspnet-using-radio-button-inside-grid-view%2f" border="0"></a></td>
</tr>
</tbody>
</table>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/techahead.wordpress.com/95/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/techahead.wordpress.com/95/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/95/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/95/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/95/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/95/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/95/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/95/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/95/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/95/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/95/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/95/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=95&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2008/04/01/aspnet-using-radio-button-inside-grid-view/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/geid-radio1-thumb.gif" medium="image">
			<media:title type="html">geid-radio1</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/geid-radio2-thumb.gif" medium="image">
			<media:title type="html">geid-radio2</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/geid-radio1-thumb1.gif" medium="image">
			<media:title type="html">geid-radio1</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/04/download-thumb.png" medium="image">
			<media:title type="html">download</media:title>
		</media:content>

		<media:content url="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f04%2f01%2faspnet-using-radio-button-inside-grid-view%2f" medium="image">
			<media:title type="html">kick it on DotNetKicks.com</media:title>
		</media:content>
	</item>
		<item>
		<title>JavaScript – Bookmark web page</title>
		<link>http://techahead.wordpress.com/2008/03/22/javascript-bookmark-web-page/</link>
		<comments>http://techahead.wordpress.com/2008/03/22/javascript-bookmark-web-page/#comments</comments>
		<pubDate>Sat, 22 Mar 2008 21:25:08 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/2008/03/22/javascript-bookmark-web-page/</guid>
		<description><![CDATA[


IntroductionHi, this article will give you how to add a script which will add the site to your browser’s favorite’s (IE) or to bookmark’s (Firefox) on click on any element in HTML like hyperlink, button etc. So let’s take a look.


What is bookmark in browsers?Bookmark, is a feature provided by all the latest browsers. Using [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=79&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><table cellspacing="0" cellpadding="2" width="522" border="0">
<tbody>
<tr>
<td valign="top" width="520"><font face="Arial" size="3"><b>Introduction<br /></b></font><font face="Arial"><font size="2">Hi, this article will give you how to add a script which will add the site to your browser’s favorite’s (IE) or to bookmark’s (Firefox) on click on any element in HTML like hyperlink, button etc. So let’s take a look.</font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><br /><font face="Arial" size="3"><b>What is bookmark in browsers?<br /></b></font><font face="Arial">Bookmark, is a feature provided by all the latest browsers. Using this feature you can add any site to the bookmark list, so that later if you need to visit that site then you can easily retrieve it from your bookmark list and visit the site. This feature is useful because mostly people visits many sites while searching for something and it’s not possible to remember the name of all the sites, at that time this feature works as your “URL remember machine”. You can add all the names in your list and visit them whenever you want.<br />In Microsoft Internet Explorer we call this feature as Favorites (Add to Favorites) like below,
<p><a href="http://techahead.files.wordpress.com/2008/03/bookmark3.gif"><img style="border-width:0;" height="236" alt="bookmark3" src="http://techahead.files.wordpress.com/2008/03/bookmark3-thumb.gif?w=373&#038;h=236" width="373" border="0"></a> </font></font></p>
</td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><br />And except IE in all other browsers like in firefox it is called as Bookmarks (Bookmark this page) like below.</font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><a href="http://techahead.files.wordpress.com/2008/03/bookmark4.gif"><img style="border-width:0;" height="237" alt="bookmark4" src="http://techahead.files.wordpress.com/2008/03/bookmark4-thumb.gif?w=378&#038;h=237" width="378" border="0"></a>&nbsp;</p>
<p></font></font><font size="2"><font face="Arial" color="#800000"><i>Shortcut of adding any site which you are visiting to your favorites is <b>Ctrl+D </b>in all browsers.</i></font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font size="3"><font size="3"><br /><font face="Arial"><strong>Code to implement bookmarking in our website<br /></strong><font size="2">As we know that we can add sites to our bookmark list using Ctrl+D or using the menu’s given in browser itself. But to attract users or just providing a facility we can also implement the same facility in our webpage’s on the click of a link or button using a little code of JavaScript. We’ll provide the link to the user something like below,</p>
<p><a href="http://techahead.files.wordpress.com/2008/03/bookmark1.gif"><img style="border-width:0;" height="55" alt="bookmark1" src="http://techahead.files.wordpress.com/2008/03/bookmark1-thumb.gif?w=116&#038;h=55" width="116" border="0"></a> </p>
<p>When user click on this bookmark link then the same dialog will open which open when we press Ctrl+D keys, like following,</p>
<p>&nbsp;<a href="http://techahead.files.wordpress.com/2008/03/bookmark21.gif"><img style="border-right:0;border-top:0;border-left:0;border-bottom:0;" height="205" alt="bookmark2" src="http://techahead.files.wordpress.com/2008/03/bookmark2-thumb1.gif?w=365&#038;h=205" width="365" border="0"></a> </p>
<p>So, to provide this the code of JavaScript and the HTML code is as follows,</font></font></font></font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><br /> 
<p><font face="Arial"><font color="#004080"><font color="#000000" size="3"><em>JavaScript Function:</em></font> </font></font>
<p><font color="#004080"><em>function addbookmark() <br />{<br />if ( navigator.appName != &#8216;Microsoft Internet Explorer&#8217; )<br />&nbsp;&nbsp;&nbsp; { <br />window.sidebar.addPanel(&#8220;TechAhead Blog&#8221;,&#8221; </em></font><a href="http://techahead.wordpress.com/&quot;,&quot;&quot;);"><font color="#004080"><em>http://techahead.wordpress.com/&#8221;,&#8221;");</em></font></a><br /><font color="#004080"><em>&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; else <br />&nbsp;&nbsp;&nbsp; { <br />window.external.AddFavorite(&#8220;</em></font><a href="http://techahead.wordpress.com/&quot;,&quot;"><font color="#004080"><em>http://techahead.wordpress.com/&#8221;,&#8221;</em></font></a><font face="Arial"><font color="#004080"><font face="Trebuchet MS"><em> TechAhead Blog &#8220;); <br />&nbsp;&nbsp;&nbsp; } <br />}</em></font> </font></font>
<p><font face="Arial" color="#004080"></font>&nbsp;</p>
<p><font size="2">
<p><font face="Arial"><font color="#004080"><font color="#000000" size="3"><em>HTML hyperlink code:</em></font> </font></font></p>
<p></font>
<p><font color="#004080"><em>&lt;a </em></font><font color="#004080"><em>href=&#8221;javascript:void(addbookmark());&#8221;&gt;<br />&nbsp;&nbsp;&nbsp; Bookmark<br />&lt;/a&gt;</em></font></p>
<p><font face="Arial" color="#004080"></font>&nbsp;</p>
<p>If you want to use the button instead of link then you can use that in the same way onclick event of the button.
<p><i>So the whole code will look something like below:</i></p>
<p></font></td>
</tr>
<tr>
<td valign="top" width="518">
<p><font size="2"><font color="#004080">&lt;html&gt;</font> </font>
<p><font size="2"><font color="#004080">&lt;head&gt;</font> </font>
<p><font size="2"><font color="#004080">&lt;title&gt;Bookmark Script&lt;/title&gt;</font> </font>
<p><font size="2"><font color="#004080">&lt;script type=&#8221;text/javascript&#8221; language=&#8221;javascript&#8221;&gt;</font> </font>
<p><font color="#004080" size="2">function addbookmark() </font>
<p><font size="2"><font color="#004080">{</font> </font>
<p><font size="2"><font color="#004080">if ( navigator.appName != &#8216;Microsoft Internet Explorer&#8217; )</font> </font>
<p><font color="#004080" size="2">{ </font>
<p><font size="2"><font color="#004080">window.sidebar.addPanel(&#8220;TechAhead Blog&#8221;,&#8221; http://techahead.wordpress.com/&#8221;,&#8221;");</font> </font>
<p><font size="2"><font color="#004080">}</font> </font>
<p><font color="#004080" size="2">else </font>
<p><font color="#004080" size="2">{ </font>
<p><font color="#004080" size="2">window.external.AddFavorite(&#8220;http://techahead.wordpress.com/&#8221;,&#8221; TechAhead Blog &#8220;); </font>
<p><font color="#004080" size="2">} </font>
<p><font size="2"><font color="#004080">}</font> </font>
<p><font size="2"><font color="#004080">&lt;/script&gt;</font> </font>
<p><font size="2"><font color="#004080">&lt;/head&gt;</font> </font>
<p><font color="#004080" size="2">&lt;body&gt;</font></p>
<p><font color="#004080" size="2">&lt;a </font><font color="#004080" size="2">href=&#8221;javascript:void(addbookmark());&#8221;&gt;<br />&nbsp;&nbsp;&nbsp; Bookmark<br />&lt;/a&gt;</font></p>
<p><font size="2"><font color="#004080">&lt;/body&gt;</font> </font>
<p><font color="#004080" size="2">&lt;/html&gt;</font></p>
</td>
</tr>
<tr>
<td valign="top" width="518">
<p><font face="Arial" size="2">I have this script but I am also facing a problem with this script, actually on net if you’ll search for the scripts then they are very large and complex to use and understand, the above script is easy, simple and short, but the problem is its not working in Safari browser, its working fine in IE and Firefox but not in Safari, So guys please let me know if anyone can give me simple easy script which work in all browsers.<br />Hope this will help you guys,</font></p>
</td>
</tr>
<tr>
<td valign="top" width="518">
<p>Give your comments.<br />Thanks</p>
</td>
</tr>
<tr>
<td valign="top" width="518"><b>Reference : </b>Prashant Pandey (<a href="http://techahead.wordpress.com">TechAhead</a>)</td>
</tr>
<tr>
<td valign="top" width="518">
<p align="center">*******</p>
</td>
</tr>
<tr>
<td valign="top" width="518"><a href="http://www.dotnetkicks.com/kick/?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f03%2f22%2fjavascript-bookmark-web-page%2f" target="_blank"><img alt="kick it on DotNetKicks.com" src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f03%2f22%2fjavascript-bookmark-web-page%2f" border="0"></a></td>
</tr>
</tbody>
</table>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/techahead.wordpress.com/79/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/techahead.wordpress.com/79/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/79/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=79&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2008/03/22/javascript-bookmark-web-page/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/03/bookmark3-thumb.gif" medium="image">
			<media:title type="html">bookmark3</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/03/bookmark4-thumb.gif" medium="image">
			<media:title type="html">bookmark4</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/03/bookmark1-thumb.gif" medium="image">
			<media:title type="html">bookmark1</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/03/bookmark2-thumb1.gif" medium="image">
			<media:title type="html">bookmark2</media:title>
		</media:content>

		<media:content url="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f03%2f22%2fjavascript-bookmark-web-page%2f" medium="image">
			<media:title type="html">kick it on DotNetKicks.com</media:title>
		</media:content>
	</item>
		<item>
		<title>CSS – Creating icons for web page using CSS &amp; XHTML</title>
		<link>http://techahead.wordpress.com/2008/03/07/css-creating-icons-for-web-page-using-css-xhtml/</link>
		<comments>http://techahead.wordpress.com/2008/03/07/css-creating-icons-for-web-page-using-css-xhtml/#comments</comments>
		<pubDate>Fri, 07 Mar 2008 19:21:08 +0000</pubDate>
		<dc:creator>Prashant Pandey</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://techahead.wordpress.com/2008/03/07/css-creating-icons-for-web-page-using-css-xhtml/</guid>
		<description><![CDATA[


IntroductionHi guys, here I am with a new and interesting article. This article related to web development, I have used the XHTML and CSS languages to demonstrate example in this article. In this article you’ll find a great and simple technique of CSS and XHTML to make icons in web page. Most of the sites [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=68&subd=techahead&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><table cellspacing="0" cellpadding="2" width="522" border="0">
<tbody>
<tr>
<td valign="top" width="520"><font face="Arial" size="3"><b>Introduction<br /></b></font><font face="Arial"><font size="2">Hi guys, here I am with a new and interesting article. This article related to web development, I have used the XHTML and CSS languages to demonstrate example in this article. In this article you’ll find a great and simple technique of CSS and XHTML to make icons in web page. Most of the sites using this trick to create the icons in their site. May be you people already know this but I found this interesting and I think this will help a beginner level web developer a lot, so I am including this in my blog (techAhead).</font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><br /><font face="Arial" size="3"><b>Concept and implementation of “CSS ICONS”<br /></b></font><font face="Arial">I think I can explain this more clearly to you by giving you some visual examples. Basically we use this trick to create icons in the website to create the look and feel of the web page more users friendly and attractive. The best example I can give you is Orkut.com a social community site, they are using the icons in their menus like as below:</p>
<p></font></font><font size="2"><font face="Arial"><a href="http://techahead.files.wordpress.com/2008/03/orkut-menu.png"><img style="border-right:0;border-top:0;border-left:0;border-bottom:0;" height="130" alt="orkut-menu" src="http://techahead.files.wordpress.com/2008/03/orkut-menu-thumb.png?w=134&#038;h=130" width="134" border="0"></a> </font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><br />Imagine orkut without these cool and cute icons, if someone asked me to “remove these icons or not?” Then my personally thought would be NO. They gives a cool look to orkut, these icons are like make up of web page.<br />Now after this entire explanation lets move on to real question, is it difficult to do create these icons??, few weeks ago someone asked me that can you create some thing like below,</font></font></td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><a href="http://techahead.files.wordpress.com/2008/03/orkut-simple-menu.png"><img style="border-right:0;border-top:0;border-left:0;border-bottom:0;" height="25" alt="orkut-simple-menu" src="http://techahead.files.wordpress.com/2008/03/orkut-simple-menu-thumb.png?w=134&#038;h=25" width="134" border="0"></a> </p>
<p></font></font><font size="2"><font face="Arial">I said yes why not, take and image tag and then your text, just and it’s completed. Like below:</font></font>
<p><font size="2"><font face="Arial"><i><font color="#004080">&lt;img src=”myicon.png” /&gt; profile</font></i></font></font></p>
<p><font size="2"><font face="Arial">But this is not so easy, yeah what I said in previous line (with using image and text) its is possible but alignment will be a major issue in that case, your text and image will not be aligned properly and hence it will not achieve the perfection.<br />So to solve this problem you can make use of CSS with XHTML. Like below I have done:<br />Here I am making a html page with using CSS. The code is below:</font></font></p>
</td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><br /></font></font><font size="2"><font face="Arial"><i><font color="#0000a0">&lt;!DOCTYPE html PUBLIC &#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221; &#8220;</font></i><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><i><font color="#0000a0">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;</font></i></a><i><font color="#0000a0">&gt;<br />&lt;html xmlns=&#8221;</font></i><a href="http://www.w3.org/1999/xhtml"><i><font color="#0000a0">http://www.w3.org/1999/xhtml&#8221;</font></i></a><i><font color="#0000a0">&gt;<br />&lt;head&gt;<br />&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=utf-8&#8243; /&gt;<br />&lt;title&gt;CSS icon demo&lt;/title&gt; </font></i></font></font>
<p><font size="2"><font face="Arial"><i><font color="#0000a0">&lt;style media=&#8221;screen&#8221; type=&#8221;text/css&#8221;&gt;<br />/*CSS Class */<br />.icon_demo{<br />padding:3px 0px 3px 20px;<br />background:url(images/info.png) no-repeat left;<br />}<br />&lt;/style&gt;<br />&lt;/head&gt; </font></i></font></font></p>
<p><font size="2"><font face="Arial"><i><font color="#0000a0">&lt;body&gt; </font></i></font></font></p>
<p><font size="2"><font face="Arial"><i><font color="#0000a0">&lt;!—HTML Code.&#8211; &gt;<br />&lt;span class=&#8221;icon_demo&#8221;&gt;Information&lt;/span&gt; </font></i></font></font></p>
<p><font size="2"><font face="Arial"><i><font color="#0000a0">&lt;/body&gt;<br />&lt;/html&gt;</font></i></font></font></p>
</td>
</tr>
<tr>
<td valign="top" width="518"><font size="2"><font face="Arial"><br />The above code will produce the following output.</p>
<p></font></font><font size="2"><font face="Arial"><a href="http://techahead.files.wordpress.com/2008/03/css-demo.gif"><img style="border-right:0;border-top:0;border-left:0;border-bottom:0;" height="32" alt="css-demo" src="http://techahead.files.wordpress.com/2008/03/css-demo-thumb.gif?w=105&#038;h=32" width="105" border="0"></a> </font></font>
<p><font size="2"><font face="Arial">In the above code, icon_demo is the CSS icon class which is responsible for setting the icon image in the span or in the div properly and padding done to display the text properly. And the span (HTML Code) in which we’ll set the CSS class and hence it will display the icon and text in properly aligned way, you can make use of div tag also instead of span tag. It all depends on your requirements.<br />You can use these icons in your menus like orkut done, or in links also or anywhere where you think they’ll look cool and perfect. </font></font></p>
<p><font size="2"><font face="Arial">That’s it. You people try it by yourself and feel free to contact me in case any problem regarding this topic. I know this is a very small problem and solution but I found this interesting one, so I am including it in my blog. Hope it helps someone.<br />Give your comments.<br />Thanks</font></font></p>
</td>
</tr>
<tr>
<td valign="top" width="518"><b>Reference : </b>Prashant Pandey (<a href="http://techahead.wordpress.com">TechAhead</a>)</td>
</tr>
<tr>
<td valign="top" width="518">
<p align="center">*******</p>
</td>
</tr>
<tr>
<td valign="top" width="518"><a href="http://www.dotnetkicks.com/kick/?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f03%2f07%2fcss-creating-icons-for-web-page-using-css-xhtml%2f" target="_blank"><img alt="kick it on DotNetKicks.com" src="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f03%2f07%2fcss-creating-icons-for-web-page-using-css-xhtml%2f" border="0"></a></td>
</tr>
</tbody>
</table>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/techahead.wordpress.com/68/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/techahead.wordpress.com/68/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/techahead.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/techahead.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/techahead.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/techahead.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/techahead.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/techahead.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/techahead.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/techahead.wordpress.com/68/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/techahead.wordpress.com/68/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/techahead.wordpress.com/68/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=techahead.wordpress.com&blog=1790377&post=68&subd=techahead&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://techahead.wordpress.com/2008/03/07/css-creating-icons-for-web-page-using-css-xhtml/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/80580a16e84d6095d55ca83e0743b90c?s=96&amp;d=identicon&amp;r=G" medium="image">
			<media:title type="html">prashantvictory</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/03/orkut-menu-thumb.png" medium="image">
			<media:title type="html">orkut-menu</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/03/orkut-simple-menu-thumb.png" medium="image">
			<media:title type="html">orkut-simple-menu</media:title>
		</media:content>

		<media:content url="http://techahead.files.wordpress.com/2008/03/css-demo-thumb.gif" medium="image">
			<media:title type="html">css-demo</media:title>
		</media:content>

		<media:content url="http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=http%3a%2f%2ftechahead.wordpress.com%2f2008%2f03%2f07%2fcss-creating-icons-for-web-page-using-css-xhtml%2f" medium="image">
			<media:title type="html">kick it on DotNetKicks.com</media:title>
		</media:content>
	</item>
	</channel>
</rss>
