tag:blogger.com,1999:blog-68482143854070104932024-03-06T03:22:00.716+13:00Web Development Helpkiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.comBlogger73125tag:blogger.com,1999:blog-6848214385407010493.post-87069907036717270052014-01-26T19:17:00.002+13:002014-01-26T19:17:55.102+13:00different way to create a delegate <div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><span style="color: #0c343d;"><span>In my previous post i explained, how to <a href="http://webdevlopementhelp.blogspot.com/2013/11/search-string-pattern-using-sql.html" target="_blank">Search string pattern using sql </a>on <a href="http://webdevlopementhelp.blogspot.com/search/label/sql" target="_blank">SQL</a> i had explained how to<a href="http://webdevlopementhelp.blogspot.in/2009/10/add-image-in-between-rows-of-gridview.html" target="_blank"> Add Image in between Rows of a GridView</a> using <a href="http://webdevlopementhelp.blogspot.com/search/label/C%23" target="_blank">C#</a>.</span></span></span></span><br />
<br />
<span style="color: #0c343d;"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></span>
<span style="color: #0c343d;"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;">Below steps mention how to create delegate is four process:-<br /><br />1. Declare a delegate.</span></span></span><br />
<span style="color: #0c343d;"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;">2. Create an object reference.<br />3. Point the reference to the method.<br />4. Invoke the method via the delegate.</span></span></span><br />
<br />
<br />
<span style="color: #0c343d;"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;">Refer more details on <b>How To Create Custom Event Using Delegate In C# </b></span></span></span><br />
<span style="color: #0c343d;"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/SSE_wxB1RxA" width="420"></iframe> </span></span></span><br />
</div>
kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com1tag:blogger.com,1999:blog-6848214385407010493.post-84963653473162124492013-12-12T04:26:00.001+13:002013-12-12T04:26:44.698+13:00list table name and schema using sql<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: small;"><br /></span>
<span style="color: #003366; font-family: Verdana; font-size: x-small;"><span dir="ltr" style="font-size: 10pt;"></span></span><br />
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="color: #003366; font-family: Verdana; font-size: x-small;"><span style="font-size: small;">Just a hours ago, i was looking for code which will list-out all the tables in database with its schema name. I found so many way to do this , but here i found simple and easy way to implement it.</span></span></div>
<span style="color: #003366; font-family: Verdana; font-size: x-small;">
<div style="margin-bottom: 0; margin-top: 0;">
<br /><blockquote class="tr_bq">
<span style="color: #990000;"><span style="font-size: small;">SELECT '['+SCHEMA_NAME(schema_id)+'].['+name+']'<br />
AS ListofTables_withSchema<br />
FROM sys.tables</span></span></blockquote>
</div>
</span><span style="color: #003366; font-family: Verdana; font-size: x-small;"><span dir="ltr" style="font-size: 10pt;">
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"><br />
This will returns all the List of table along with the schema names.</span></div>
<span style="font-size: small;">
</span><div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"> </span></div>
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"> </span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7mVbjjA2hsWOt3_c8eMTjwaPxZYbKV9lmQWZEbMQGF8q8k_iuVcg9GZJl3zh15D0bLSaPeSMuB4XxoWRPbv66x-4Z5EuaiJzvpOjndGDnJ7BmlZn-TO_HUDBP9hJKJvEcx7L8s1_ti7W/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY7mVbjjA2hsWOt3_c8eMTjwaPxZYbKV9lmQWZEbMQGF8q8k_iuVcg9GZJl3zh15D0bLSaPeSMuB4XxoWRPbv66x-4Z5EuaiJzvpOjndGDnJ7BmlZn-TO_HUDBP9hJKJvEcx7L8s1_ti7W/s400/1.png" width="400" /></a></div>
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"> </span></div>
<span style="font-size: small;">
</span><div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"> </span></div>
<span style="font-size: small;">
</span><div style="margin-bottom: 0; margin-top: 0;">
<span style="font-size: small;">Happy coding...</span></div>
</span></span></div>
kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com0tag:blogger.com,1999:blog-6848214385407010493.post-88340711497489814282013-12-07T23:07:00.000+13:002013-12-07T23:07:22.875+13:00Gridview header sorting using C#<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-size: small;"><span style="color: #3d85c6;"><span style="font-family: Verdana,sans-serif;"><span dir="ltr"></span></span></span></span></div>
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"><span style="color: #3d85c6;"><span style="font-family: Verdana,sans-serif;">In my previous post i explained, how to <a href="http://webdevlopementhelp.blogspot.com/2013/11/search-string-pattern-using-sql.html" target="_blank">Search string pattern using sql </a>on <a href="http://webdevlopementhelp.blogspot.com/search/label/sql" target="_blank">SQL</a> i had explained how to<a href="http://webdevlopementhelp.blogspot.in/2009/10/add-image-in-between-rows-of-gridview.html" target="_blank"> Add Image in between Rows of a GridView</a> using C#.</span></span></span></div>
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"><span style="color: #3d85c6;"><span style="font-family: Verdana,sans-serif;"> </span></span></span></div>
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"><span style="color: #3d85c6;"><span style="font-family: Verdana,sans-serif;"></span></span><span style="color: #3d85c6;"><span style="font-family: Verdana,sans-serif;">Now in this article i will explain one of the useful feature i.e Gridview Sorting.<br />you need to set the AllowSorting property as a True. and SortExpression Property of columns to the specific field name from the database.<br />Lets look at the below sample gridview code. </span></span></span></div>
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"><span style="color: #3d85c6;"><span style="font-family: Verdana,sans-serif;"> </span></span></span></div>
<blockquote class="tr_bq">
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="font-size: small;"><span style="color: #073763;"><span style="font-family: Verdana,sans-serif;"><span style="background-color: #0b5394;"><span style="background-color: white;"><asp:GridView ID="gvDetails" runat="server" onsorting="gvDetails_Sorting" AllowSorting="True"> <br /><Columns><br /><asp:TemplateField HeaderText="Your Name" SortExpression="FirstName"><br /><ItemTemplate><br /><%#Eval("YourName")%>'/><br /></ItemTemplate><br /></asp:TemplateField><br /></asp:GridView></span></span></span></span></span></div>
</blockquote>
<br />
<span style="font-size: small;"><span style="color: #0b5394;"><span style="font-family: Verdana,sans-serif;">Now for sorting you need to create one public property which store the value of direction in the viewstate and base on that select query get fired.</span></span></span><br />
<br />
<br />
<blockquote class="tr_bq">
<span style="font-size: small;"><span style="color: #0b5394;"><span style="font-family: Verdana,sans-serif;"><span style="color: #134f5c;">public GetSortDir direction<br />{<br /> get<br /> {<br /> if (ViewState["SortingDir"] == null)<br /> {<br /> ViewState["SortingDir"] = GetSortDir.Ascending;<br /> }<br /> return (GetSortDir)ViewState["SortingDir"];<br /> }<br /> set<br /> {<br /> ViewState["SortingDir"] = value;<br /> }<br />}</span></span></span></span></blockquote>
<br />
<span style="color: #003366; font-family: Verdana; font-size: small;"><span dir="ltr">Now check the gridview directon and base on viewstate it will get set the new direction.</span></span><br />
<br />
<blockquote class="tr_bq">
<span style="color: #003366; font-family: Verdana; font-size: small;"><span dir="ltr"><span style="color: #003366; font-family: Verdana;"><span dir="ltr"> <span style="color: #0b5394;"> protected void gvDetails_Sorting(object sender, GridViewSortEventArgs e)<br />
{<br />
string sortDirection = string.Empty;<br />
if (direction == sortDirection.Ascending)<br />
{<br />
direction = sortDirection.Descending;<br />
sortDirection = "Desc";<br />
}<br />
else<br />
{<br />
direction = sortDirection.Ascending;<br />
sortDirection = "Asc";<br />
}<br />
<br />
DataView sortedView = new DataView(BindGridView());<br />
sortedView.Sort = e.SortExpression + " " + sortDirection;<br />
gvDetails.DataSource = sortedView;<br />
gvDetails.DataBind();<br />
}</span></span></span></span></span></blockquote>
<br />
<span style="color: #003366; font-family: Verdana; font-size: small;"><span dir="ltr"><span style="color: #003366; font-family: Verdana;"><span dir="ltr"><span style="color: #003366; font-family: Verdana;"><span dir="ltr"></span></span></span></span></span></span><br />
<div style="margin-bottom: 0px; margin-top: 0px;">
<span style="color: #003366; font-family: Verdana; font-size: small;"><span style="color: #003366; font-family: Verdana;"><span style="color: #003366; font-family: Verdana;">Here BindGridView() is the function which returns the datatable & it contain the query result.</span></span></span></div>
<span style="color: #003366; font-family: Verdana; font-size: small;"><span style="color: #003366; font-family: Verdana;"><span style="color: #003366; font-family: Verdana;">
<div style="margin-bottom: 0px; margin-top: 0px;">
that's it now check the gridview and click on the header and see the sorting effects get added in your gridview.</div>
<div style="margin-bottom: 0px; margin-top: 0px;">
</div>
</span> </span> </span><span style="font-size: small;"> </span><br />
</div>
kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com2tag:blogger.com,1999:blog-6848214385407010493.post-90239872989364155932013-11-23T18:07:00.001+13:002013-11-23T18:07:22.790+13:00Search string pattern using sql<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;">In my previous post i explained, <a href="http://webdevlopementhelp.blogspot.in/2012/12/parsing-delimited-string-in-sql.html" target="_blank">how to Parsing delimited string using sql</a> using <a href="http://webdevlopementhelp.blogspot.in/search/label/sql" target="_blank"> SQL</a> and <a href="http://webdevlopementhelp.blogspot.in/search/label/asp" target="_blank">asp net</a></span></span></div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;">Now
in this article i will explain how to Search the string pattern on entire string using the sql. some time we wanted to search the specific string along with the position then we can think of this way to retrieve the string.</span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;">Below i have created some sample query which will retrieve the string on specific position </span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #674ea7;"><span style="font-family: Verdana,sans-serif;">create table #TempSQL(csvtext varchar(2000) not null)<br />insert #</span><span style="font-family: Verdana,sans-serif;"><span style="font-family: Verdana,sans-serif;">TempSQL</span> select 'tempa,tempb,tempc,tempd,tempe,tempf,tempg' union select 'temp1,temp,temp3,temp4,temp5,temp6'</span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #674ea7;"><span style="font-family: Verdana,sans-serif;">select<br /> dbo.fnGetCsvPart(csvtext,0,default) as pos0<br /> ,dbo.fnGetCsvPart(csvtext,2,default) as pos2<br /> ,dbo.fnGetCsvPart(csvtext,2,1) as Entire_string<br />from #</span><span style="font-family: Verdana,sans-serif;">TempSQL</span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"> </span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;">Here is the generated output from above query.</span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #741b47;"><span style="font-family: Verdana,sans-serif;">pos0 pos2 </span><span style="font-family: Verdana,sans-serif;"><span style="font-family: Verdana,sans-serif;"></span> Entire_String<br />------------------ ------------------------------ ------------------------------ <br />temp1 temp3 temp3,temp4,temp5,temp6<br />tempa tempc tempc,tempd,tempe,tempf,tempg </span></span></div>
<div style="text-align: left;">
<span style="color: #741b47;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<b><span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;">Now create this function</span></span></b></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><span style="color: #674ea7;">create function dbo.fnGetCsvPart(@csvtext varchar(2000),@indexPos tinyint, @lastPos bit = 0)<br />returns varchar(5000)<br />as<br /><br />begin<br /> declare @ivar int; set @ivar = 0<br /> while 1 = 1<br /> begin<br /> if @indexPos = 0<br /> begin<br /> if @lastPos = 1 or charindex('_',@csvtext,@ivar +1) = 0<br /> return substring(@csvtext,@ivar +1,len(@csvtext)-@ivar +1)<br /> else<br /> return substring(@csvtext,@ivar +1,charindex('_',@csvtext,@ivar +1)-@ivar -1)<br /> end<br /> select @indexPos = @indexPos-1, @ivar = charindex('_',@csvtext,@ivar +1)<br /> if @ivar = 0 break<br /> end<br /> return null<br />end<br />GO</span></span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<div style="text-align: left;">
<span style="color: #134f5c;"><span style="font-family: Verdana,sans-serif;">You may call that directly on your query. check below example.</span></span></div>
<div style="text-align: left;">
<br /><h3>
<span style="color: #003366; font-family: Verdana; font-size: x-small;"><span dir="ltr" style="font-size: 10pt;"><div style="margin-bottom: 0px; margin-top: 0px; text-align: left;">
<span style="color: magenta; font-size: x-small;"><span style="color: black;">select </span>Isnull<span style="color: grey;">(</span><span style="color: black;">dbo</span><span style="color: grey;">.</span><span style="color: black;">fnGetCsvPart</span><span style="color: grey;">(</span><span style="color: black;">Document_Name</span><span style="color: grey;">,</span><span style="color: black;">2</span><span style="color: grey;">,</span><span style="color: blue;">default</span><span style="color: grey;">),</span><span style="color: red;">''</span><span style="color: grey;">)</span><span style="color: black;">
</span><span style="color: blue;">as</span><span style="color: black;"> [Request]</span></span></div>
<div style="margin-bottom: 0px; margin-top: 0px; text-align: left;">
<span style="color: magenta; font-size: x-small;"><span style="color: black;"> </span></span></div>
</span></span></h3>
<span style="color: #003366; font-family: Verdana; font-size: x-small;"><span dir="ltr" style="font-size: 10pt;"></span></span></div>
</div>
kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com1tag:blogger.com,1999:blog-6848214385407010493.post-60973415028927486322012-12-26T23:38:00.003+13:002012-12-26T23:40:17.737+13:00Parsing a delimited string in SQL<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #444444; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"> Most of the time we required the delimited strings to be added in database. today i come up with some simple solution. which will read the string and specified delimited character and base on that it will divide the string and split it across.</span></span><br />
<blockquote class="tr_bq">
<span style="color: #8e7cc3;"><br /></span>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">CREATE FUNCTION ParseValues</span></span></span><br />
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">(@String varchar(8000), @Delimiter varchar(10) )</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">RETURNS @RESULTS TABLE (ID int identity(1,1), Val varchar(50))</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">AS</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">BEGIN</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">DECLARE @Value varchar(100)</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">WHILE @String is not null</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">BEGIN</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">SELECT
@Value=CASE WHEN PATINDEX('%'+@Delimiter+'%',@String) >0 THEN
LEFT(@String,PATINDEX('%'+@Delimiter+'%',@String)-1) ELSE @String END,
@String=CASE WHEN PATINDEX('%'+@Delimiter+'%',@String) >0 THEN
SUBSTRING(@String,PATINDEX('%'+@Delimiter+'%',@String)+LEN(@Delimiter),LEN(@String))
ELSE NULL END</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">INSERT INTO @RESULTS (Val)</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">SELECT @Value</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">END</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">RETURN</span></span></span></div>
<div>
<span style="color: #8e7cc3; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span class="Apple-style-span">END</span></span></span></div>
</blockquote>
<div>
<span class="Apple-style-span" style="color: midnightblue; font-family: Verdana, Arial, Helvetica; font-size: small;"><br /></span>
<span class="Apple-style-span" style="font-family: Verdana, Arial, Helvetica; font-size: small;">You can call this function in your query and it will return the result.(as show in img)</span><br />
<span style="font-size: small;"><br /></span>
<div style="text-align: left;">
<span style="color: #134f5c; font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><b><span class="Apple-style-span"><span class="Apple-style-span"><span class="Apple-style-span"><span class="Apple-style-span">select * from dbo.ParseValues('This;is;a;delimited;string;value',';')</span></span></span></span></b></span></span></div>
<div style="text-align: left;">
<span style="font-size: small;"><br /></span></div>
<span style="font-size: small;"><br /></span>
<span style="color: #444444; font-size: small;"><span class="Apple-style-span" style="font-family: Verdana, Arial, Helvetica;"><span class="Apple-style-span" style="font-family: Verdana, Arial, Helvetica;"><span class="Apple-style-span"><span class="Apple-style-span">and here is your result..</span></span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7lQBzUGeOLaWzcen4DAk9Hze4LWCqdGaoPHXVFZHslTYu6AISEJ2pm63n7dc8hyphenhyphenPj5kI1KxzVmJmSLgQ2-yI27BUe8yIqMW9BxyYS9ezd0nJqPaNg_lzAcDZkhy3YJDxfNQ1il_8qa4U-/s1600/dbresult.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7lQBzUGeOLaWzcen4DAk9Hze4LWCqdGaoPHXVFZHslTYu6AISEJ2pm63n7dc8hyphenhyphenPj5kI1KxzVmJmSLgQ2-yI27BUe8yIqMW9BxyYS9ezd0nJqPaNg_lzAcDZkhy3YJDxfNQ1il_8qa4U-/s1600/dbresult.jpg" /></a></div>
<br />
<span class="Apple-style-span" style="color: midnightblue; font-family: Verdana, Arial, Helvetica; font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span class="Apple-style-span" style="font-family: Verdana, Arial, Helvetica;"><span class="Apple-style-span" style="color: #000099;"><span class="Apple-style-span" style="font-size: x-small;"><span style="color: midnightblue;"><span style="font-size: x-small;"><span style="font-size: x-small;"> </span></span></span></span></span></span></span></span></span><br />
<span class="Apple-style-span" style="color: midnightblue; font-family: Verdana, Arial, Helvetica; font-size: small;"><span class="Apple-style-span" style="font-family: Verdana, Arial, Helvetica;"><span class="Apple-style-span" style="color: #000099;"><span class="Apple-style-span"> Hope this will helps<span style="color: midnightblue;"> you, Please put your comments or dought to help other</span></span></span></span></span><span style="font-size: small;">s.</span><br />
<span class="Apple-style-span" style="color: midnightblue; font-family: Verdana, Arial, Helvetica; font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span class="Apple-style-span" style="font-family: Verdana, Arial, Helvetica;"><span class="Apple-style-span" style="color: #000099;"><span class="Apple-style-span" style="font-size: x-small;"> </span></span></span></span></span> </span></div>
</div>
kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com0tag:blogger.com,1999:blog-6848214385407010493.post-21807858264207443932012-06-18T07:39:00.002+13:002012-06-18T07:41:53.504+13:00Jquery copy to clipboard<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">Hi, after long time right? yea... </span></div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">anyways after long time i am decided to get back again on blogger :) and make this blogger active and helpful to others.</span></div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">today i come up with some tricks on javascript or on jquery . its a <b>Copy to clipboard</b>.</span></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">In IE we have direct window option to make the copy to clipboard code event , but if you try to do same with Firefox or other it wont work </span></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"><br /></span></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">so i thought let add some trick to make the copy thing easy :).</span></div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">Find my below code and put it in the head section</span></div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"><br /> </span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.min.js"<span style="color: #000099;">> </span></span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">/script</span><span style="font-size: x-small;"><span style="color: #000099;">></span></span><br />
<span style="font-size: x-small;"><br /><span style="font-size: x-small;"><span style="font-family: Verdana,sans-serif;"> </span></span></span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">script type="text/javascript" src="js/jquery.zclip.js"</span><span style="font-size: x-small;"><span style="color: #000099;">></span></span><span style="font-size: x-small;"> </span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">/script</span><span style="font-size: x-small;"><span style="color: #000099;">></span></span><br />
<span style="font-size: x-small;"><br />
</span><span style="font-size: x-small;">
</span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">script type="text/javascript"</span><span style="font-size: x-small;"><span style="color: #000099;">></span></span><br />
<span style="font-size: x-small;">
$(document).ready(function() {<br />
$('a#copy-dynamic').zclip({<br />
path: 'js/ZeroClipboard.swf',<br />
copy: function() { return $('input#dynamic').val(); }<br />
});<br /><br />
</span><span style="font-size: x-small;">
});<br />
</span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">/script</span><span style="font-size: x-small;"><span style="color: #000099;">></span></span><span style="font-size: x-small;"> </span></div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">and insert this section on your body part.</span></div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"> </span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">div><br /> </span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">br /</span><span style="font-size: x-small;"><span style="color: #000099;">></span></span><br />
<span style="font-size: x-small;"> </span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">a href="#" id="copy-dynamic">Click here to copy the value of this input:</span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">/a</span><span style="font-size: x-small;"><span style="color: #000099;">></span></span><br />
<span style="font-size: x-small;"> </span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">input style="width: 300px; margin-left: 15px;" type="text" id="dynamic" value="Insert any text here." onfocus="if(this.value=='Insert any text here.'){this.value=''}" onblur="if(this.value==''){this.value='Insert any text here.'}" /><br /> </span><span style="color: #000099; font-family: Verdana,sans-serif; font-size: x-small;"><</span><span style="font-size: x-small;">/div</span><span style="font-size: x-small;"><span style="color: #000099;">></span></span></div>
<div style="font-family: Verdana,sans-serif;">
<br /></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">lets download the swf from GitHubs and put it in your js directory accordingly.</span></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"><br /></span></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">now simple run the application , type the text on the textbox and click on copy button it will copy it in your system just like (Ctrl + C).</span></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"><br /></span></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;">Put your comments or suggestion to make this thread active and popular.</span></div>
<div style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"><br /></span></div>
</div>
kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com9tag:blogger.com,1999:blog-6848214385407010493.post-43283422810195645082011-05-03T19:26:00.004+13:002011-05-03T19:42:39.866+13:00Jquery Auto HideHi Guys today i come up with some cool example of JQuery. its a <span style="font-weight: bold;">"Auto hide button or Div after some interval time "</span><br /><br />if you seen in Gmail, when you send a mail or move the mail to any folder or if you do any operation you will see the confirm message and after some interval time it will hide automatically.<br />like this:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4FE6AWeIdAZ63dmWowZoba9gyJmXWJRliQDkd3oyuz8nYeg2PA1lOSCg_wult_9PKf3jjcD3TradgpIhL4TaP8CmbCW7HhRYahRZBd9yRbY_Hpm9bQ9DTas5BB6glunXgBUOKn6ubf68P/s1600/03-May-11+12-00-47+PM.png"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 320px; height: 17px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4FE6AWeIdAZ63dmWowZoba9gyJmXWJRliQDkd3oyuz8nYeg2PA1lOSCg_wult_9PKf3jjcD3TradgpIhL4TaP8CmbCW7HhRYahRZBd9yRbY_Hpm9bQ9DTas5BB6glunXgBUOKn6ubf68P/s320/03-May-11+12-00-47+PM.png" alt="" id="BLOGGER_PHOTO_ID_5602374479519995858" border="0" /></a><br />yes here is the <span style="color: rgb(204, 0, 0); font-weight: bold;">source</span> on same.<br /><br /><br /><blockquote><html><head><br /><script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><br /><script language="javascript"><br />(function($){<br />$(document).ready(function() {<br /> $("[AutoHide]").each(function() {<br /> if (!isNaN($(this).attr("AutoHide"))) {<br /> eval("setTimeout(function() {jQuery('#" + this.id + "').hide();}, " + parseInt($(this).attr('AutoHide')) * 1000 + ");"); <br /> }<br /> });<br />});<br />})(jQuery);<br /></script><br /></head><br /><body><br /><center><br /><br><br><br /><div id="div1Seconds" AutoHide="10" style="background: #ccc; border: solid 1px #333"><br /><input type="button" value="This Button will be hidden in 10 second."><br /></div><br /><br><br><br /><div id="div3Seconds" AutoHide="15" style="background: #ccc; border: solid 1px #333"><br /><input type="button" value="This Button will be hidden in 15 second."><br /></div><br /></center><br /></body><br /></html></blockquote><br /><span style="color: rgb(204, 0, 0); font-weight: bold;">Demo :</span> (refresh page to view the demo)<br /><br /><script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script><script language="javascript">(function($){ $(document).ready(function() {$("[AutoHide]").each(function() {if (!isNaN($(this).attr("AutoHide"))) {eval("setTimeout(function() {jQuery('#" + this.id + "').hide();}, " + parseInt($(this).attr('AutoHide')) * 1000 + ");");}});});})(jQuery);</script><br /><div id="div1Seconds" autohide="10" style="background: none repeat scroll 0% 0% rgb(204, 204, 204); border: 1px solid rgb(51, 51, 51);"><br /><input value="This Button will be hidden in 10 second." type="button"><br /></div><br /><br /><div id="div3Seconds" autohide="15" style="background: none repeat scroll 0% 0% rgb(204, 204, 204); border: 1px solid rgb(51, 51, 51);"><br /><input value="This Button will be hidden in 15 second." type="button"><br /></div><br /><br />Hope it will likes you.kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com4tag:blogger.com,1999:blog-6848214385407010493.post-51342063312439729022011-01-05T07:23:00.002+13:002011-01-05T07:28:25.179+13:00Add/ Remove rows using javascript or JqueryJquery is one of the great and coolest feature in the web. you can desing your application any thing as u want with asynchronous call.<br />here i have created one small application for adding or removing the rows from your tables.<br /><br />many times we are not sure how much length of user input is for ex. in case of<br />address field we are not sure how much length of data is so that time this coolest add/remove rows function will use.<br />just try it .<br /><br />here is the basic java script.<br /><blockquote><br /><br /><html><br /><head><br /><title> Add/Remove Rows in Table </title><br /><script language="javascript"><br /> function addRow(tableID) {<br /><br /> var table = document.getElementById(tableID);<br /><br /> var rowCount = table.rows.length;<br /> var row = table.insertRow(rowCount);<br /><br /> var cell1 = row.insertCell(0);<br /> var element1 = document.createElement("input");<br /> element1.type = "checkbox";<br /> cell1.appendChild(element1);<br /><br /> var cell2 = row.insertCell(1);<br /> cell2.innerHTML = rowCount + 1;<br /><br /> var cell3 = row.insertCell(2);<br /> var element2 = document.createElement("input");<br /> element2.type = "text";<br /> cell3.appendChild(element2);<br /> }<br /><br /> function deleteRow(tableID) {<br /> try {<br /> var table = document.getElementById(tableID);<br /> var rowCount = table.rows.length;<br /><br /> for(var i=0; i<rowCount; i++) {<br /> var row = table.rows[i];<br /> var chkbox = row.cells[0].childNodes[0];<br /> if(null != chkbox && true == chkbox.checked) {<br /> table.deleteRow(i);<br /> rowCount--;<br /> i--;<br /> }<br /><br /> }<br /> }catch(e) {<br /> alert(e);<br /> }<br /> }<br /> function SubmitForm()<br /> {<br /> // your form Validation code goes here ...<br /> }<br /><br /></SCRIPT><br /></head><br /><body><br /><TABLE id="dataTable" width="350px" border="1"><br /><TR><br /><TH>Select</TH><br /><TH>Sr. No.</TH><br /><TH>Value</TH><br /></TR><br /> <TR><br /> <TD><INPUT type="checkbox" name="chk"/></TD><br /> <TD> 1 </TD><br /> <TD> <INPUT type="text" /> </TD><br /> </TR><br /></TABLE><br /><INPUT type="button" value="Add Row" onclick="addRow('dataTable')" /><br /><INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" /><br /><INPUT type="button" value="submit" onclick="SubmitForm()" /><br /></BODY><br /></HTML><br /><br /></blockquote><br /><br />hope u like it .,.... just commnet it.. the jquery example i will post it on my next post.kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com5tag:blogger.com,1999:blog-6848214385407010493.post-19681574568314266462010-07-18T18:46:00.006+13:002010-07-18T21:57:45.537+13:00Jquery on blogspotHi,i thing you have implement so many jquery features on your application , but have you try this on your blogger ? nb not yet .. then try this code hope you like it.<br /><br />click on the below button it will show you the toggle .<br /><script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script><script type="text/javascript">$(function(){$("#butToggle").click(function(){$('#dvt').toggle(1000);});});</script><style type="text/css">#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}</style><br /><div style="display: none;" id="dvt">Hi, Its working on Blogger Too..</div><br /><button id="butToggle">Toggle</button><br /><br />And Here is the code , just add this on your blogger and see the magic.<br /><br /><span style="color: rgb(0, 0, 153);"><script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"> </script></span><br /><span style="color: rgb(0, 0, 153);"><script type="text/javascript"> $(function(){$("#BtnToggle").click(function(){$('#divTogg').toggle(1000);});});</script></span><br /><br /><span style="color: rgb(0, 0, 153);"><style type="text/css"> #divTogg{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}</style></span><br /><br /><span style="color: rgb(0, 0, 153);"><div id="dvt"> Hi, its working on Blogger too.</div></span><br /><span style="color: rgb(0, 0, 153);"><button id="BtnToggle"> Click Me</button></span><br /><br /><br />This is your css part you can design it accordingly.<br /><ul><br /><li> <style type="text/css"></li><br /><li> #divTogg</li><br /><li> {</li><br /><li> width: 200px;</li><br /><li> height: 100px;</li><br /><li> border: solid 1px black;</li><br /><li> background-color:LightGrey;</li><br /><li> text-align:center;</li><br /><li> display:none;</li><br /><li> } </li><br /><li> </style> </li><br /></ul><br /><br />hope you like this ,if you have like this plz comment on it.kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com0tag:blogger.com,1999:blog-6848214385407010493.post-91020363972244548062010-05-07T17:26:00.006+13:002010-05-07T17:39:56.126+13:00New looks on GoogleYesterday i open a Google for searching and i noticed that something get change with the google site, as you can see the look and feel of the search section is bit change , as you can say the font is also get changed , it one kind of visual look getting and also looking for nice as comparing with the previous one.<br /><br /><b> Wht's get Changed and Wht's New added? </b><br />New thing added is contextually relevant, left side Navigation on a Page. It will shows you the most popular and relevant search tools to refine your search query. it contain Google Squarted, Universal Search . that get combine on the left hand side Search Panel.<br /><br />on <span style="color: rgb(204, 153, 51);">Universal Search</span> you can easily find the most relevant search . The top section of left hand side panel that suggest you the most genres result for the search and it will also give you the good way to easily switch to the different types of results . here you can find the opetion " Everythings" which will gives you can result on what exactly your looking for. on <span style="color: rgb(153, 153, 0);">Google Squared</span> ( now its on Google Lab) which will help you to compare the entites . it builds on the Google Squared Technology it shows you the related result on your search query. so you can easily explore the result on other related topics also.<br /><br />As you can see the color palette and logo is also get change which will keep the Goolge page as in modern look you can also see more on how the new design get change on this video.<br /><br /><object height="385" width="450"><param name="movie" value="http://www.youtube.com/v/C-rnxNFRAQA&color1=0xb1b1b1&color2=0xd0d0d0&hl=en_US&feature=player_embedded&fs=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/C-rnxNFRAQA&color1=0xb1b1b1&color2=0xd0d0d0&hl=en_US&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="385" width="450"></embed></object><br /><br />As talking about <span style="color: rgb(153, 153, 0); font-weight: bold;">Google Logo,</span> you can easily see the Difference on it, new design logo is lighter than previous one and also a simple, the logo design get done on the new icons and hundreds of tiny design, as you can clearly see the previous logo "g" has shadow image and how its clear it get removing the blue color shadowing effect.<br /><div style="text-align: left;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgItnfkmULRvzEPBOwogTFwHSVic-bHgERKsejpi2bF97n3uFjPw92XOwv0qgoVyfvTZVuCzOkH-oxa5FkAaEmYGbaSx5FodNIRXpQHBLXfwL74LjDHTM-mcwQ7qRL5FjNOrMnoEhKc_DoN/s1600/logocompare.png"><img style="cursor: pointer; width: 263px; height: 156px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgItnfkmULRvzEPBOwogTFwHSVic-bHgERKsejpi2bF97n3uFjPw92XOwv0qgoVyfvTZVuCzOkH-oxa5FkAaEmYGbaSx5FodNIRXpQHBLXfwL74LjDHTM-mcwQ7qRL5FjNOrMnoEhKc_DoN/s200/logocompare.png" alt="" id="BLOGGER_PHOTO_ID_5468380529059265170" border="0" /></a><br /></div><br />One more thing you can see on the <span style="font-weight: bold; color: rgb(153, 153, 0);">Bottom section Search</span> it also get change with the removing of Blue effects also.<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbpM5WHQOe-Nxdc4Uc3zPiSCpJRH4LAPp8UWENuoxrWcI9TPavkwL9ON-TXTXTqNVhEpKXvErAOpGxrlMmTl0AXzy-SossA13poxzhWVXRXeW4oj_xziyRxBUUAKlqVLIVyfLMQYAq0Bi/s1600/footercompare.png"><img style="cursor: pointer; width: 320px; height: 198px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbpM5WHQOe-Nxdc4Uc3zPiSCpJRH4LAPp8UWENuoxrWcI9TPavkwL9ON-TXTXTqNVhEpKXvErAOpGxrlMmTl0AXzy-SossA13poxzhWVXRXeW4oj_xziyRxBUUAKlqVLIVyfLMQYAq0Bi/s320/footercompare.png" alt="" id="BLOGGER_PHOTO_ID_5468383156959061698" border="0" /></a></div><br />there are few more little changes are going on , and its all in process you can see that on Google steps by step.kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com2tag:blogger.com,1999:blog-6848214385407010493.post-91849310935938037302010-04-30T02:25:00.004+13:002010-06-11T18:21:07.333+13:00cache-about-blanki m using Fx( FireFox) Browser , and i have install google toolbar on it , one day i have just try this, just open a new tab and just for quracity i have click on "Google Pagespeed" icon.it get open a google search page with that topic on " cache-about-blank" and decided to write a topic on it. i know u also come like this way.<br /><br /><b>now wht is this <span style="color: rgb(102, 255, 153);">cache:about:blank</span> and mozilla . </b><br /><br />basically if you click on pagerank button it will show you cache version of site but if your not opening any site and still click on that button then it goes to google search option with "about:blank". On mozilla there is many setting are there , if u simply open a browser and type <b>about:config</b> on the url it will shows you the various setting on the browser. there are lot many setting are there on all type connection, browser, server, service , so on<br />don't change anything without any proper knowledge, other wise it get save and may be some problem get arise later on.<br /><br />but still if your interested to do so you can refer this <a href="http://www.mozillatips.com/modules.php?op=modload&name=Top_List&file=index">mozillatips.com</a>. or want more on how to customize the interface just refer this <a href="http://www.mozilla.org/unix/customizing.html" title="Customizing Mozilla">customize the interface</a> . both are very much interesting to know more on Fx<br /><br /><b> if your using IE then </b><br />if you open this on IE then may be on latest version you will never get such type if page on about:blank ,<br /><br />just try it , you will enjoy it.<br /><br />Refer This Post :<br />- <a href="http://kirank.blog.com/2009/11/20/firefox-enter-username-and-password-for-localhost/">how to configure local-host setting on FireFox </a><br />- <a href="http://kirank.blog.com/2009/12/24/top-6-firefox-extensions-for-twitter-and-facebook/"> Firefox Extensions for Twitter and Facebook </a>kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com2tag:blogger.com,1999:blog-6848214385407010493.post-41367481335856307422010-04-18T06:21:00.002+13:002010-04-18T06:25:54.553+13:00Jquery AutoComplete PluginHi yes long time back , i was quite busy with my life , fine today i come up with Jquery cool feature , i thing is very known to you and its very useful while developing any application ,<br /><br />yes its " <span style="color: rgb(153, 102, 51);">AutoComplete</span>" plugin . Jquery has good plugin on auto-completion , which means that what ever you want to seach and if you search accordingly it will display the result on the same bases. yes on the same bases , now your very much interested to use this yes you can use this on your application, and make your search more attractive and more easy to user. here are the way you can add the code for auto completion tool.<br /><br />There are<span style="color: rgb(0, 0, 153);"> some good Features </span>you will get over the AutoCompletion Tools .<br />1. Just like a Drop down but with quite good help.<br />2. just like DOM tree on xml<br />3. Better window auto complete box.<br />and may more.<br /><br />steps to add Jquery on your page.<br /><br />1. Put this code on your < head > section<br /> < script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" > </script ><br /> < script type='text/javascript' src='./jquery.autocomplete.js'> </script ><br /><br />2. add below form tag<br />< form action="" onsubmit="return false;" ><br /><br /> <p ><br /> Enter City: < input type="text" id="CityLocal" value="" /><br /> < input type="button" value="Get Value" onclick="lookupLocal();" /><br />< /p ><br /><br />3. on your javascript code add this<br /><br />< script type="text/javascript" ><br />function lookupLocal(){<br /> var oSuggest = $("#CityLocal")[0].autocompleter;<br /><br /> oSuggest.findValue();<br /><br /> return false;<br />}<br /><br />$(document).ready(function() {<br /> $("#CityAjax").autocomplete(<br /> "autocomplete_ajax.cfm",<br /> {<br /> delay:10,<br /> minChars:2,<br /> matchSubset:1,<br /> matchContains:1,<br /> cacheLength:10,<br /> onItemSelect:selectItem,<br /> onFindValue:findValue,<br /> formatItem:formatItem,<br /> autoFill:true<br /> }<br /> );<br /><br /> $("#CityLocal").autocompleteArray(<br /> [<br /> "Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron",<br /> "Albany", "Alexandria", "Alger", "Alledonia", "Alliance", "Alpha", "Alvada",<br /> "Alvordton", "Amanda", "Amelia", "Amesville", "Amherst", "Amlin", "Amsden", <br /> ],<br /> {<br /> delay:10,<br /> minChars:1,<br /> matchSubset:1,<br /> onItemSelect:selectItem,<br /> onFindValue:findValue,<br /> autoFill:true,<br /> maxItemsToShow:10<br /> }<br /> );<br />});<br />< /script ><br /><br />for the Example purpose i have declare few city name , you can add this on array as per your requirement and all.<br /><br />5. close the form section and run the page , it will show your the output like this way<br /><br /><br />You can download the source code and sample from here<br /><a style="font-weight: bold;" href="http://plugins.jquery.com/project/jq-autocomplete" rel="nofollow" target="_blank"> <span style="color: rgb(0, 153, 0);">Download Here</span></a><span style="font-weight: bold;"> .</span><br /><a style="font-weight: bold; color: rgb(0, 153, 0);" href="http://www.pengoworks.com/workshop/jquery/autocomplete.htm" rel="nofollow" target="_blank"> Demo Here</a><span style="font-weight: bold; color: rgb(0, 153, 0);"> .</span><br /><br />hope you like it , if you have any query or comment plz leave a reply to full fill your query, thank you.kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com6tag:blogger.com,1999:blog-6848214385407010493.post-74057188528393486582010-03-15T19:22:00.001+13:002010-03-15T19:24:06.130+13:00How Google worksGoogle now explain there Business via These three videos in very nice manner . there are main three principles behind this is : Search ,apps , and Ads.<br />according to Google Search is our core part , apps is main umbrella over all the software and Ads is a central business proposition.<br /><br /><b> Now you can see how Search get works : </b><br /> google Creats a Index of each web pages and manage them according to the category and evaluating that more than 200 Quality factor.as you can see google produces search in fraction of time,now you can think you fast there indexing is ?<br /><br /><object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/BNHR6IQJGZs&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/BNHR6IQJGZs&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="344" width="425"></embed></object><br /><br /><b> How Google Apps get work: </b><br />till now google get introduces thousands of application or tools . all the application data is stores online, so its not specific to one computer.you can download that file anywhere on your mobile as well as on your pc too.<br /><object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/doHnLiAzQ5M&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/doHnLiAzQ5M&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" height="344" width="425"></embed></object><br /><br /><b>How Google search ads works : </b><br />when you do search with google web search , that time you can see ads are also showing according to there results and all . ads search result offering very useful information for commercial queries . look at the below videos on how it exactly works.<br /><br /><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/ka4tCkYXHiE&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/ka4tCkYXHiE&color1=0xb1b1b1&color2=0xcfcfcf&hl=en_US&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></embed></object><br />hope you like this videos , you can see it on http://www.google.com/howgoogleworkskiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com2tag:blogger.com,1999:blog-6848214385407010493.post-6128254469936906502010-03-06T21:39:00.006+13:002010-03-06T21:58:58.404+13:00Google Buzz Widget jQuery Pluginhi , come up with new jquery feature with Google buzz , Google Buzz is a new way to discuss any ideas and new things which comes up inbuild in gmail now a days. so you will come to know how it is ?but if u want to develop this using jquery then surly this article will help you, you can design same buzz stream into your website.<br /><br />Now google Buzz API provides buzz in Atom Format,but some policy need to be maintain under that. you cant grab all the data from another domain without JSONP. now in this case you can use the Google AJax feed api service and download the rss or the atom which will convert into<br />json compatible format.<br /><br />something look like this way:<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8H0kSdmnHH5Nxpn79zIQhMh-4pMk3X87oZHcx691FJ4KX4QVLnMUxwqCftI3PkA10fNf2vsM8XHRHu66iYX0vI0lFLw3MBoy42gWt76Q-eZzvdKV8KgGKqbXv7yYSfmdbJvn4A57ZsB9/s1600-h/AA.png"><img style="cursor: pointer; width: 262px; height: 157px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN8H0kSdmnHH5Nxpn79zIQhMh-4pMk3X87oZHcx691FJ4KX4QVLnMUxwqCftI3PkA10fNf2vsM8XHRHu66iYX0vI0lFLw3MBoy42gWt76Q-eZzvdKV8KgGKqbXv7yYSfmdbJvn4A57ZsB9/s200/AA.png" alt="" id="BLOGGER_PHOTO_ID_5445438151765145666" border="0" /></a><br /></div><br /><b><br /></b><div style="text-align: center;"><b><a href="http://code.google.com/p/google-buzz-widget/">Project</a> | <a href="http://code.google.com/p/google-buzz-widget/wiki/Options">Options</a> | <a href="http://google-buzz-widget.googlecode.com/files/jquery.google-buzz-1.0.min.js">Download plugin</a> | <a href="http://google-buzz-widget.googlecode.com/svn/v1/demo1.htm" rel="nofollow">Demo 1</a> | <a href="http://google-buzz-widget.googlecode.com/svn/v1/demo2.htm" rel="nofollow">Demo 2</a></b><br /></div><br /><br /><span style="font-weight: bold;">How to use :</span><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script><br /><script type="text/javascript" src="http://google-buzz-widget.googlecode.com/files/jquery.google-buzz-1.0.min.js"> </script><br /><br /><br />Here are the two Google Api for Jquery and for Google Buzz you can place this in < head > section<br /><br /><br /><span style="font-weight: bold;">These are the Features :</span><br /><ul><br /><li> You can Dispaly buzzes in fixed list or as you want</li><br /><li> many css features like height, width , opacity and all</li><br /><li> customize each link </li><br /><li> you can disaply hole buzz in your page</li><br /></ul><br />yes one more thing , now the Google buzz is very new in and may be rules may get change later on also, so keep on updating<br />if you know anything new on this , plz post a comment so it will better to us or reader to know update partkiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com3tag:blogger.com,1999:blog-6848214385407010493.post-201382130310138802010-02-28T23:26:00.010+13:002010-03-01T00:08:01.671+13:00Jquery & css base mega Menushi you have seen many drop down verticle as well as horizantal menus . if you have small amount of menus data then you can go with the small menus desing , but if u have many number of requirement in menus then here is cool collection i have on mega menus. hope you like it , if u know more plz add it ..........<br /><br /><span style="font-weight: bold;">1.Mega Drop Down Menus with the CSS & jQuery</span><br /><div style="text-align: center;"><img style="cursor: pointer; width: 200px; height: 70px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrJw6AS_P0tbDFq2ICfms6kXCK0tZlvAyxweIIbzR6CtmJlsgtqX_ePZq9O38CqqWsXwThsN9sZMy6cI_Tx6QyzN6Lk8v_vOBudymDVocUaUh-JwZ3fV7KCMVtXdKFB9nEtpLEVCRw4CYe/s200/demo.jpg" alt="" id="BLOGGER_PHOTO_ID_5443248844408714994" border="0" /><br /></div><div style="text-align: center;"><a class="view" href="http://www.sohtanaka.com/web-design/examples/mega-dropdowns/" target="_blank" rel="nofollow">View Demo</a><br /></div><br /><br /><span style="font-weight: bold;">2.Inspiration Elsewhere<br /></span><br /><img style="cursor: pointer; width: 320px; height: 173px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIw-JohFRRhTfxot3wJ5wirCHMsOYQ-QKjG5ocTAcW6CCiWRBvf70IiXq6LqDju0VOus_o9Hc9qkNHFiA5OQXdKjryK1Sr_CxNGMbslN4HWwqhItK2O5yI2Kyhyphenhyphenr2fVoAxrnwVaYSembGK/s320/puma.jpg" alt="" id="BLOGGER_PHOTO_ID_5443248629374205426" border="0" /><br /><a href="http://www.shop.puma.com/on/demandware.store/Sites-Puma-US-Site/en/Home-Show?source=marketing" target="_blank" rel="nofollow">Demo </a><br /><br /><br /><br /><br /><span style="font-weight: bold;">3.Virgin</span><br /><div style="text-align: right;"><img style="cursor: pointer; width: 320px; height: 173px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8lZIiVMzLVZCJR9PChhe-nA3fYP-cY-roy-xX2kwLpuMEh50KNNQzQJHdTidBQaDw_A-tOkZTjNDHbERanB6weVmLt6AYGlfCqC1RFu0lEuTRBSPimN3Mi0koDt1kRGmA4ei_SBWFea_e/s320/virgin.jpg" alt="" id="BLOGGER_PHOTO_ID_5443248421389245122" border="0" /><br /></div><div style="text-align: right;"><a href="http://www.virgin.com/" target="_blank" rel="nofollow">view Demo</a><br /></div><br /><br /><br /><br /><span style="font-weight: bold;">4. Gateway.com</span><br /><img style="cursor: pointer; width: 200px; height: 108px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmMx3YehJ4XWJM-las3e1tK8VAN4vdcgcV1hGhppCWaQ2T_CGQdj_hgaE1MGWefOiHoYmllVKbvJ3ZMtoiDfWEHhXaGfsXo_129imDp2axtfIWcvAHJmwnT5mbvNYXne217ZplBFdfcv9-/s200/gateway.jpg" alt="" id="BLOGGER_PHOTO_ID_5443249027714354658" border="0" /><br /><a href="http://www.gateway.com/" target="_blank"> View Demo</a><br /><br /><br /><br /><br /><span style="font-weight: bold;">5.Billabong.com,</span><br /><div style="text-align: center;"><img style="cursor: pointer; width: 320px; height: 173px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglBoRRCZUhFcXuUeu3RRxtoS5KfH3HstBWOAvUEKcRkTfuTNmyRrLhNf9PBJLTdSVB2IezVfu6hmftYXTLq3S1IyePyh-0a59U9TOwdtGNra2Ixfw0UvpvP5FG6zExjhI4GADooNcTSMsj/s320/billabong.jpg" alt="" id="BLOGGER_PHOTO_ID_5443248202215986194" border="0" /><br /></div><div style="text-align: center;"><a href="http://www.billabong.com/us/" target="_blank" rel="nofollow">View Demo </a><br /></div>hope you like it , if you know more add it on commentskiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com2tag:blogger.com,1999:blog-6848214385407010493.post-69690579205705335732010-02-14T18:03:00.008+13:002010-02-14T18:32:16.770+13:00Jquery SliderJquery has lot of plugins on various topics , yeach i was using some of them in my application and i really like them , its really cool , hope it may be useful to u also here i found some nice slider controls in jquery , there are many ways you can use that just like a slider with content , simple slider , slider with vertical , slider with horizontal with image , slider with simple text , with text + images so many combination u can find<br /><br />here are the cool examples u can use that on slider ................<br /><br /><span style="font-weight: bold;">1. jQuery Cycle</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBCRd1CgIZD4RlqQRtceZupmu0ObSAcvJmDsfjVuM_VWRF5ofRmNp8vyOxNQ_r8jI_Z5ER96XiH_7S6DS4iD0IDkzNqaJIT0GFe609TTRGbXI_QQJucukAGPhRDlOpjRNBBmnF_kuH7zX7/s1600-h/jquery-cycle.jpg"><img style="cursor: pointer; width: 320px; height: 80px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBCRd1CgIZD4RlqQRtceZupmu0ObSAcvJmDsfjVuM_VWRF5ofRmNp8vyOxNQ_r8jI_Z5ER96XiH_7S6DS4iD0IDkzNqaJIT0GFe609TTRGbXI_QQJucukAGPhRDlOpjRNBBmnF_kuH7zX7/s320/jquery-cycle.jpg" alt="" id="BLOGGER_PHOTO_ID_5437965427844834354" border="0" /></a><br /><b><a href="http://malsup.com/jquery/cycle/" rel="nofollow">Demo</a></b><br /><br /><span style="font-family: verdana; font-weight: bold;">2. content + images Slider </span><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiijQj6tp3jUBzb0clTEajMTP90cXVT8CDDppxHt5WOtosvTIXh8c2wOJAqf-pr3iR_ikZMzWnybewyiuiHBLdwAkiMY_X2xt8NuplpftwisGCzoe6p2AIyoWeyS24I6WfcwJ0_AL-c_HSy/s1600-h/s3slider.jpg"><img style="cursor: pointer; width: 320px; height: 80px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiijQj6tp3jUBzb0clTEajMTP90cXVT8CDDppxHt5WOtosvTIXh8c2wOJAqf-pr3iR_ikZMzWnybewyiuiHBLdwAkiMY_X2xt8NuplpftwisGCzoe6p2AIyoWeyS24I6WfcwJ0_AL-c_HSy/s320/s3slider.jpg" alt="" id="BLOGGER_PHOTO_ID_5437966012245791106" border="0" /></a><br /></div><div style="text-align: center;"><b><a href="http://www.serie3.info/s3slider/" rel="nofollow">Demo</a></b><br /></div><br /><span style="font-weight: bold;">3. Easy slider </span><br /> <b><a href="http://cssglobe.com/lab/easyslider1.5/02.html" rel="nofollow">Demo</a></b><br /><br /><span style="font-weight: bold;">4.CrossSlide</span><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnN-9qoFCL8O72FnB7DY-AxDA6uL_tnEsIlq-aBRLfIavkI2E6gg2l7kaX7zaGs9unBpV-nLbf3X9Pe9m_JrCnPLpV4EVYs0JcMO5g3jGTJxeHXR7v9g1VTLXrQDP3edE4veBdxmgEqw3E/s1600-h/crossslide.jpg"><img style="cursor: pointer; width: 320px; height: 80px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnN-9qoFCL8O72FnB7DY-AxDA6uL_tnEsIlq-aBRLfIavkI2E6gg2l7kaX7zaGs9unBpV-nLbf3X9Pe9m_JrCnPLpV4EVYs0JcMO5g3jGTJxeHXR7v9g1VTLXrQDP3edE4veBdxmgEqw3E/s320/crossslide.jpg" alt="" id="BLOGGER_PHOTO_ID_5437966549253259042" border="0" /></a><br /></div> <div style="text-align: center;"><b><a href="http://www.gruppo4.com/%7Etobia/cross-slide.shtml" rel="nofollow">Demo</a></b><br /></div><br /><span style="font-weight: bold;">5.Pikachoose</span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRV5FrTK75mZ2CBqvTrvGPIc5OL1DhYYLfdAlRIffxVBsaM-9Qys_Bl4R7MGEldyVqYJJAz4RMxmVmH64L236igGl9gupzhr7lybjy8xOJ9FH-0iTD3xfG-2icZYR3grlnuiWLE3iJCkiM/s1600-h/pikachoose.jpg"><img style="cursor: pointer; width: 320px; height: 80px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRV5FrTK75mZ2CBqvTrvGPIc5OL1DhYYLfdAlRIffxVBsaM-9Qys_Bl4R7MGEldyVqYJJAz4RMxmVmH64L236igGl9gupzhr7lybjy8xOJ9FH-0iTD3xfG-2icZYR3grlnuiWLE3iJCkiM/s320/pikachoose.jpg" alt="" id="BLOGGER_PHOTO_Ijavascript:void(0)D_5437967089948609874" border="0" /></a><br /><a style="font-weight: bold;" href="http://pikachoose.com/demo/" rel="nofollow">Demo</a><br /><br />yeach this one is cool , you can show maximum number of images with cool effects<br />hope u like this collection.......if u know some more plz add it on commentskiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com0tag:blogger.com,1999:blog-6848214385407010493.post-11893298330240220172009-12-22T23:31:00.006+13:002009-12-26T01:40:35.108+13:00ways to Speed Up your Page Response Times.Its ok with if we develop any web application, but it you speed up your application in right manner then you will be a charm of web. users requirement is they want to see your application page as quickly as , but if your application is time consuming from all the aspect then surely no one will stay on with your site. here i got some nice and simple techniques which will <b>improve your page speed </b>from all the aspect. now <b>google </b> also setting this as a basic criteria.<br /><br />Now you all knows mozilla has some good addon call "<a href="https://addons.mozilla.org/en-US/firefox/addon/1843" rel="nofollow" target="_blank"><b>Firebug</b></a>" you can install that plus you can also install ""<a href="http://code.google.com/speed/page-speed/download.html" rel="nofollow" target="_blank"><b>Google page Speed </b></a>" which will tell hows your application is behave . there is one more useful addon by yahoo is "<a href="http://developer.yahoo.com/yslow/" rel="nofollow" target="_blank"><b>YSlow</b></a>" .<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9RcX2iQhfyalcnYRCNTSirljjAWZsfMfMJiH8cntOnEkT6po3mLhPCvT_gGxwSz3JjQJNkirlCKOOSp_nCzhM-8dGZO7RVrmYThXV0I5QLwi8Xi0nrJkwKsqJfyjvrJt0xeH4F3i7aH7/s1600-h/1.jpg"><img style="cursor: pointer; width: 320px; height: 58px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF9RcX2iQhfyalcnYRCNTSirljjAWZsfMfMJiH8cntOnEkT6po3mLhPCvT_gGxwSz3JjQJNkirlCKOOSp_nCzhM-8dGZO7RVrmYThXV0I5QLwi8Xi0nrJkwKsqJfyjvrJt0xeH4F3i7aH7/s320/1.jpg" alt="" id="BLOGGER_PHOTO_ID_5418007667593076210" border="0" /></a><br /><br />from this addons you will get lot of information , also try this<br /><span style="color: rgb(204, 0, 0);">1. Load your CSS first and your JavaScript last</span><br />Load your css in <head > tag above your body . and try to load your javascript above the closing the body tag.<br /><br /><span style="color: rgb(204, 0, 0);">2. Using Sub domains for parallel downloads</span><br />This is like cool one , on your site that are lot many static and dynamic images , you can identify that what are the static and what are the dynamic and according to that you can set your sub domain which will useful for parallel download ,so the time requires to download a single image will be get converted into parallel server and parallel image get download from your one of the server .The ideal case is you can set max of 3 server for same,<br /><br /><span style="color: rgb(204, 0, 0);">3. Minify JS and CSS:</span><br /> Again size get matter , means one your page if you keep unwanted space on js & css surly size get increase, in this case you can reduce that and make them as lighter as possible, if you use above tools they will give you option how to inimize this or minimize version of same.<br /><br /><span style="color: rgb(204, 0, 0);">4. Avoid redirects: </span><br /> No matter if you do a server-side header redirect, JS,HTML redirect, your site is going to load a header with a blank page, then load your new page, increasing the time it takes for a user to get to the actual page they want to go to<br /><br /><span style="color: rgb(204, 0, 0);">5. Using CSS Sprites to reduce HTTP Requests</span><br />CSS Sprites may be the coolest thing, it get reduce your page loads and also reduce the amount of request for each particular images. now look at below you can see one image (static one) contain 15 + images now using CSS you can cut that according to your requirement (using Padding and all )<br />and use that as you want.<br />Best example you can see is "<b> YouTube CSS Sprite </b>".<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbtYDmFbz9vAiwCIgvpPlKXqCWj5dldtQjpn0zd-_YjXV9CqFx1y5so8zw1OVqghFmL4jYsZA_0I-1nkCVD0q9dl7RfSWNsS4sx6wfF3mnMpjjgA_JR8HIR4-aV_KjhuSIM7fz_JRvVVq/s1600-h/2.jpg"><img style="cursor: pointer; width: 320px; height: 134px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbtYDmFbz9vAiwCIgvpPlKXqCWj5dldtQjpn0zd-_YjXV9CqFx1y5so8zw1OVqghFmL4jYsZA_0I-1nkCVD0q9dl7RfSWNsS4sx6wfF3mnMpjjgA_JR8HIR4-aV_KjhuSIM7fz_JRvVVq/s320/2.jpg" alt="" id="BLOGGER_PHOTO_ID_5418007671115756034" border="0" /></a><br /></div><br />define that like this way:<br /><br /><code><br />< style ><br />.sprite {<br />background:url(http://s.ytimg.com/yt/img/master-vfl87445.png);<br />}<br /><br />#logo {<br />width:100px;<br />height:45px;<br />background-position:0 0;<br />}<br /></style ><br /><br /><div id="logo" class="sprite"> </div><br /><br /></code><br /><br />That was a lot of stuff, but hopefully you picked up a few tips on how to make your web pages load faster. if you know more on this<br />add it on comments .kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com2tag:blogger.com,1999:blog-6848214385407010493.post-30638976009753404252009-12-17T20:06:00.006+13:002010-02-14T18:34:51.067+13:00Traversing an Html table with JavascriptThis article will introduce you on how to get html table content using DOM Inteface, ones we create an Table on html and suppose we need to retive that table content on server side, on any purpose then this will helps you.you can refer this its really nice way to parse the html table and get the content on same .<br /><br />mozilla developer has given a good link on <a href="https://developer.mozilla.org/en/traversing_an_html_table_with_javascript_and_dom_interfaces" target="_blank" rel="nofollow"> ,how to create a DOm interface for table structure </a><br /><br />sample example:<br />1. lets create a Table<br /><code><br /><table><br /><tbody><br /><tr> <td> This is first td </td></tr><br /><tr> <td> This is second td </td></tr><br /><tr> <td> This is third td </td></tr><br /></tbody><br /></table><br /></code><br /><br />2. now create a Dom inteface to read this table content , for that you can use Javascript to read this<br /><code><br /><script ><br /> function start() {<br /> // get the reference for the body<br /> var body = document.getElementsByTagName("body")[0];<br /><br /> // creates a <table> element and a <tbody> element<br /> var tbl = document.createElement("table");<br /> var tblBody = document.createElement("tbody");<br /><br /> // creating all cells<br /> for (var j = 0; j < 2; j++) {<br /> // creates a table row<br /> var row = document.createElement("tr");<br /><br /> for (var i = 0; i < 2; i++) {<br /> // Create a <td> element and a text node, make the text<br /> // node the contents of the <td>, and put the <td> at<br /> // the end of the table row<br /> var cell = document.createElement("td");<br /> var cellText = document.createTextNode("cell is row "+j+", column "+i);<br /> cell.appendChild(cellText);<br /> row.appendChild(cell);<br /> }<br /><br /> // add the row to the end of the table body<br /> tblBody.appendChild(row);<br /> }<br /><br /> // put the <tbody> in the <table><br /> tbl.appendChild(tblBody);<br /> // appends <table> into <body><br /> body.appendChild(tbl);<br /> // sets the border attribute of tbl to 2;<br /> tbl.setAttribute("border", "2");<br /> }<br /></script ><br /></code><br /><br />3. This javascript will first read the table tag element and search with tbody and tr then next td and retrive the content on same .<br /><br />4. Remember this technique. You will use it frequently in programming for the W3C DOM. First, you create elements from the top down; then you attach the children to the parents from the bottom up.<br /><br />5. Its create just like this way .<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNR2HPo5htIYU9s6P6USLLw-V13LHSNobofLaNlHvoeGB2di3lwvKrYZCXJb6Ck3YlrK9BaVmvs28QVx0bgAGaRJ1y4i05f-U1lrxtU0sAIrVGLRg09v91p4mkjxT_meEsh6jODbErxtLm/s1600-h/sample1-tabledom.jpg"><img style="cursor: pointer; width: 318px; height: 197px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNR2HPo5htIYU9s6P6USLLw-V13LHSNobofLaNlHvoeGB2di3lwvKrYZCXJb6Ck3YlrK9BaVmvs28QVx0bgAGaRJ1y4i05f-U1lrxtU0sAIrVGLRg09v91p4mkjxT_meEsh6jODbErxtLm/s320/sample1-tabledom.jpg" alt="" id="BLOGGER_PHOTO_ID_5416098144470095026" border="0" /></a><br /></div>kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com1tag:blogger.com,1999:blog-6848214385407010493.post-20610993970452188582009-12-10T01:25:00.003+13:002009-12-10T01:32:56.956+13:00Facebook and MySpace deals with Google for real-time search<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDizFTOmBt7qZ23kVePEMJuCABb8axbHuaUgqKmuBhGF4Vy2YJbapkR554MMD9cdZdkMs8r2ww8oxTnqFU5vmM11Xble1XOhmW_FOtHmxvrqN37Ggc_Ozk6Gs4t103VI4zsnjnP9XDwNH_/s1600-h/google-office.jpg"><img style="cursor: pointer; width: 320px; height: 218px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDizFTOmBt7qZ23kVePEMJuCABb8axbHuaUgqKmuBhGF4Vy2YJbapkR554MMD9cdZdkMs8r2ww8oxTnqFU5vmM11Xble1XOhmW_FOtHmxvrqN37Ggc_Ozk6Gs4t103VI4zsnjnP9XDwNH_/s320/google-office.jpg" alt="" id="BLOGGER_PHOTO_ID_5413213403932851490" border="0" /></a><br /></div><br />Yes, <span style="color: rgb(255, 0, 0);">Myspace </span>and <span style="color: rgb(255, 0, 0);">FaceBook </span>have signed with <span style="font-weight: bold; color: rgb(204, 0, 0);">Google</span> for the Real-Time search giant.<br />Facebook and MySpace both are very popular Networking as well as Social bookmarking site, with contain huge amount of Data as well as Traffic too.<br /><br />so with the Help of that data Google may give you better result and better Search , Till now we know google deal with <b>Twitter</b> but now they also deal with <b>FaceBook </b> and <b> MySpace </b> . Which means if someone get Search on any Topics then they also get the <i>Real - Time Updates </i> for this social media sites ,<br /><br />This has led to Both Google as well as Bings .in Order to make there search result very faster adn exact. On recent interview with <i> Tom Stocky </i> Google Director of Product Management. he is saying "People are crazy about the Search and they want up-to-date search result what they looking for " they also said people are also looking for Search result as well as the result come is must be fresh , so surely this Process will help to<span style="font-weight: bold;"> make google better</span>.<br /><br />Google would not reveal the financial terms of its agreements – however Facebook’s chief operating officer, Sheryl Sandberg publicly stated at Web 2.0 in San Francisco, that it would be making no money from making public status updates available to search engines. However, MySpace and Facebook have not revealed similar details.<br /><br />But In Order with Bings they still has to Integrate the search with Twitter into <span style="font-weight: bold;">search Process</span>, they also come up with new separate site with "tweets". lets hope it will come soon.kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com0tag:blogger.com,1999:blog-6848214385407010493.post-26984330994437547162009-12-03T18:20:00.002+13:002009-12-03T18:23:29.218+13:00Google Audio indexingGoogle get introduce new technology call <b>Google Audio Indexing (Gaudi) </b>. which allow the user to better search from video point of view. It basically using Speech technology to find out the Exact word inside that video and jump the user according to that world where these words get spoken.<br /><br />Basically you all know words,sentence, text can get search easily, but this is really nice way to search the text from video itself. which will give your result more additionally.<br /><br /><span style="font-family: times new roman; font-weight: bold; color: rgb(204, 0, 0);">How you can use this :</span><br />Look at the below pics you can get ,<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaTs7nyRAyw8D2zPUv5bKtCp1Mb34Y4T5sH0bytzY4MppiKmggBtFhg9LQSN8k6eK1yDPGloQLHApKfKJWHtmaCWU8vCxNqOGJdWJBQwxhFVQjkXTMQRRx9ioZGUx2DBoqqqibQEIVvUi0/s1600-h/diagram.png"><img style="cursor: pointer; width: 320px; height: 290px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaTs7nyRAyw8D2zPUv5bKtCp1Mb34Y4T5sH0bytzY4MppiKmggBtFhg9LQSN8k6eK1yDPGloQLHApKfKJWHtmaCWU8vCxNqOGJdWJBQwxhFVQjkXTMQRRx9ioZGUx2DBoqqqibQEIVvUi0/s320/diagram.png" alt="" id="BLOGGER_PHOTO_ID_5410875811756875362" border="0" /></a><br /></div><br />if i want to search related with <i>gas prices </i> it will show you result on where exactly this word get spoken on various videos. on left hand side you can see there are Channel filters you can even though filter your search by clicking on that tab . and right hand side you can see there is one video call Gang of 10 and on that video , after particular period some yellow dots are there they are mentioning where exactly that word get spoken, you can directly move your cursor at that position and listen that word. and at bottom its shows various pages result.<br /><br />You can also Share this videos with your friends just clicking share button on that video . or simply copy-paste that URL also.<br /><br />one more thing you can only search the videos from Youtube source only.<br />if you want to know how its works look at this : <a href="http://labs.google.com/gaudi" target="_blank">http://labs.google.com/gaudi </a><br />Currently this technology its in Google Lab , it will publish soon.kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com0tag:blogger.com,1999:blog-6848214385407010493.post-51246527434977672172009-11-28T00:27:00.005+13:002009-11-28T00:38:25.140+13:00MozillaLabs Launches new projects on MozillaLabmozilla now launches new terms just like "Googlelabs" its a <span style="font-weight: bold;">"mozillalabs".</span> its a just like a virtual lab where people can come on this share there ideas , there feedback and all to make mozilla very string form all the aspects. here you can make new Experiments and also play with the new technologies and new concepts.<br /><br />as you all know mozilla allready have thousands of addons and so many sub products to make web browser better . and also make web better from end of user also. if you want to check all the such cool addon ans all <a href="https://addons.mozilla.org/en-US/firefox/" target="_blank">refer this </a> .<br />it also have lots of thems , plugins, tabs , web application & developments tools, language supporter terms , videos and many more.<br /><br />now we come back to the actual point <b>mozillalabs</b>. now in mozilla labs there are some nice projects are there<br /><br /><span style="color: rgb(255, 0, 0); font-weight: bold;">1.TestSwarm:</span><span style="font-weight: bold;"> </span>- its a new mozilla lab project that gives the developer an easy and quick test to there javascript code , firebug addon is also there but we need to add that manually , mozilla make browser its self javascript compatible , if you want to contribute with the project as a tester simple check the TestSwarm.com. currentl the site is in alpha mode and addon on mozilla labs , This Project now support 7 operating system , window 2000 to OS x 10.5<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge9zI885cze_6qBljNbNLQvPLw6oIzfgQus5fMXASYh0-7Xkg7A2nCLiN6FXYvLDdgI4PKpHduVkZaaWjqDolgkCxvgHrUWgSwS8qpV0bU2vapoyTrjwgEAr3qFJZI7J9wWXQAzfrFXdzG/s1600/testswarm_large_clients.png"><img style="cursor: pointer; width: 320px; height: 234px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge9zI885cze_6qBljNbNLQvPLw6oIzfgQus5fMXASYh0-7Xkg7A2nCLiN6FXYvLDdgI4PKpHduVkZaaWjqDolgkCxvgHrUWgSwS8qpV0bU2vapoyTrjwgEAr3qFJZI7J9wWXQAzfrFXdzG/s320/testswarm_large_clients.png" alt="" id="BLOGGER_PHOTO_ID_5408745875754351218" border="0" /></a><br /></div><br />if you want to use TestSwarm on your server download this from <a href="http://www.blogger.com/%3Ca%20%20%20href=" com="" jeresig="" testswarm="" tree="" master="" rel="nofollow"> here </a><br /><br /><span style="color: rgb(255, 0, 0); font-weight: bold;">2. Mozilla weave :</span> it get explore the blending of the desktop and the Web through deeper integration of the browser with online services.<br />it has some nice features just like<br />- AES Encryption , used to encrypt the date.<br />- PKI - public key infrastructure.<br />- JSON<br />- Debugging tools<br /><br />if you want to use this you can get it from here : Install Weave v0.1.28<br />- https://labs.mozilla.com/forum/index.php/topic,657.0.html<br />but as i said its all are in labs so try it on your risk.<br /><br /><span style="color: rgb(255, 0, 0); font-weight: bold;">3. Test Pilot :</span><br />Test Pilot platform is opening with first Test Pilot add-on for Firefox 3.5. They are looking for Firefox users of all levels of skill and technical knowledge to help improve Firefox and Labs experiments.<br /><br /><span style="font-weight: bold; color: rgb(255, 0, 0);">4. Bespine</span><br />it Embedded on 0.5 in first release to come from Reboted codebase,why its better coz ones you are using this then there is no longer need or required o add any javascript to your page<br />except the Bespine itself. look at the below<br /><code><br /><!DOCTYPE html><br /><html><head><br /> <link href="BespinEmbedded.css" type="text/css" rel="stylesheet"><br /> <script type="text/javascript" src="BespinEmbedded.js"></script><br /> <style><br /> .bespin { margin: 0; padding: 0; border: 0;<br /> height: 300px; border: 10px solid #ddd;<br /> -moz-border-radius: 10px;<br /> -webkit-border-radius: 10px; }<br /> </style><br /></head><br /><body><br /> <h1>Sample Editor as a Component</h1><br /> <div id="editor" class="bespin"<br /> data-bespin-options='{ "stealFocus": true }'><br />// The text of this div shows up in the editor.<br />var thisCode = "what shows up in the editor";<br />function editMe() {<br />alert("and have fun!");<br />}<br /> </div><br /> <script><br /> window.onBespinLoad = function() {<br /> console.log("this is called when Bespin is loaded");<br /> };<br /> </script><br /></body><br /></html><br /></code><br />with this you can go secure your application.<br />the page will give you the View something like this :<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKXHEpLIoiKzGkqyJmB6MHHtoY7DUkJDt3jlAhWdpadbWaCw6m-GcXmWd_quoVRVVIOtRYf1N9jjjkik_PRfQu6YTkSsYGGuYFKIjVj-csCEFjFT1ofK4ye_I-bakmga7vQwH1Z4eRrqVG/s1600/BespinEmbeddedSample.png"><img style="cursor: pointer; width: 320px; height: 262px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKXHEpLIoiKzGkqyJmB6MHHtoY7DUkJDt3jlAhWdpadbWaCw6m-GcXmWd_quoVRVVIOtRYf1N9jjjkik_PRfQu6YTkSsYGGuYFKIjVj-csCEFjFT1ofK4ye_I-bakmga7vQwH1Z4eRrqVG/s320/BespinEmbeddedSample.png" alt="" id="BLOGGER_PHOTO_ID_5408745206761828402" border="0" /></a><br /></div><br /><br /><ul><br /><li>there are few more are there on mozilla labs you can have a look on it : <b> <a href="https://mozillalabs.com/" target="_blank"> https://mozillalabs.com/ </a> </b></li><b><br /></b><li><b> Current Projects : <a href="https://mozillalabs.com/projects/" target="_blank"> https://mozillalabs.com/projects/ </a><br /></b></li></ul>if you like this article please add some comments ,kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com1tag:blogger.com,1999:blog-6848214385407010493.post-68987838290221060312009-11-26T18:17:00.006+13:002009-11-26T18:28:34.614+13:00Single Sign-On for everyone SSOSingle Sign-On <span style="font-weight: bold;">(SSO)</span> is a very brand topic now a days. most of the application are running under different subdomain as well as different .net framworks also.in which ones the user logs in it will stay logged still user switch to various web site or different domain. SSO will help you in this<br />case now lets see how how to build it.<br /><br /><b> - SSO for different domain. </b><br />suppose we have two different application - http://Foo.com and http://Bar.com. now ones the user get login successfully we need to redirect that user to bar.com site for next process . in this case they cant share cookies and session . so for this case we need to create its own cookies and call it on other side to veridy its a right user.to achieve this we need to create a special page (sso.aspx) on both the site m and check the cookies exits or not and flow the process.on sso.aspx page you need to do some code like this<br /><br /><code><br />void Page_Load()<br />{<br /> UriBuilder uri = new UriBuilder(Request.UrlReferrer);<br /> HttpCookie hcok = HttpContext.Current.Request.Cookies[".BarAuth"];<br /> if (hcok != null && hcok.HasKeys) //chk cookies exits<br /> {<br /> string cookie = HttpContext.Current.Server.UrlDecode(hcok.Value);<br /><br /> FormsAuthenticationTicket fatick = FormsAuthentication.Decrypt(cookie); <br /><br /> uri.Query = uri.Query + "&ssoauth=" + fatick.Name; //add login name in query.<br /><br /> }<br /> Response.Redirect(uri.ToString());<br />}<br /></code><br /><br />now if authentication cookies are exits on bar.com, it will decrypt user name and pass name back to the <i>ssoauth</i>. on http://foo.com site we need to add some code on http request for processing pipeline, it will be <span style="font-style: italic;">Application_BeginRequest</span> event or <span style="font-style: italic;">HttpHandler</span> event.<br /><br />if - authentication cookie exists on Foo.com, continue processing the request<br /> - uthentication cookie doesn’t exist, redirect to Bar.com/sso.aspx.<br /><br /><br /><b> - if applications run under different versions of .NET </b><br />its possible that foo and bar application are running on different version of .net .in such case above application will not work beacuase .net 2.0 encryption is different its AES. or in .net1.1 it was 3DES.on .net 2.0 new attribute get added for backwords application<br /><br /><code><br />< machineKey validationKey="F789KJSER82ERKJ4KJ23KH42KJH444JHG234K4KJB23"<br />decryptionKey="j234GF23HG2432347ASD7ASDHJA6ASD6HH27374743432" validation="SHA1" decryption="3DES" / ><br /></code><br /><br />you need to just set <span style="color:red;">decryption="3DES" </span> .to run old application.<b>dont add this on web.config of .net 1.1 it will gives Error</b>.<br /><br /><b>- mixed-mode authentication (Forms and windows)</b><br />long time back we dealt with only form authentication, but now we can user window authentication also. basically we use form auth for check the user form auth . if the user is reside in Intranet then we can use window auth on NT doamin,<br /><br />Requset.ServerVatiables["LOGON_USER"]<br /><br />in this we can also set Anonymouse access disable from IIS panel . now LOGON_USER contain NT domain name of the logges on Intranet, but all the other user (internet) get ready for window auth then we can check login via Form auth and if it get fail m move them to Window domain, you can also solve this problem by haveing a special entry page for Intranet users that has Integrate Windows Authentication enabled, validates the domain user, creates a Forms cookie and redirects to the main web site.<br /><br />one more easy way is , if ananymous access is enable for web site, IIS get pass request through asp.net runtime process . if result is Error(404 - page not found) then IIS will attempt other method for that site. you just enable both the access for same look at below code<br /><br /><code><br />if(System.Web.HttpContext.Current.Request.ServerVariables["LOGON_USER"] == "")<br />{<br /> System.Web.HttpContext.Current.Response.StatusCode = 401;<br /> System.Web.HttpContext.Current.Response.End();<br />}<br />else<br />{<br /> // move to valid domain<br />}<br /></code><br /><br />in the above code , it will first check if the domain user get empty string .It will terminate the request and return the 401 IIS error , in this case if your is already logg in domian , the request will repeated .and if not then he will go through the window auth for upto 3 times , and still he can't pass that 3 attempt the he/she will ge the Error as 4.0 (which is Access Denied )<br /><br />There are few more ways for SSO in .net application . its also possible to implement this process in Different platform aslo , actual idea will become same but may be implementation get change according to platform.<br /><br />Thank you , if you like this plz add some comments.kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com1tag:blogger.com,1999:blog-6848214385407010493.post-92142407509806192322009-11-19T18:55:00.003+13:002009-11-19T18:57:20.158+13:00Explore images with Google Image Swirl.now google launched Image Search call <b>" Google Image Swirl "</b>.if you want to search for <b> car </b> you will get the all the images related with cars in http://images.google.com/ but make your search Perfect with all the aspects google now use image swirl, now this is in Google lab.<br /><br />when you search <a href="http://image-swirl.googlelabs.com/html?query=car">car </a> section on image swirl you will get the array of images of various cars with different different models & different different variations. you click any one of that it will open all the cars related with same. now this is done on new computer vision research to cluster all the similar images on to this group to make your search better.<br /><br />For Example : now you search with cars you will get the set of 12 images thumbnail of cars , like this<br /><br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirb3MOmw5s16jPMIYDesaeLepv_pZJ_u3LNxx4-bErebE09mlBCCjVg-IoOQrXdc1BRLWeulhZ6iV-eDfklxHt-anW9ZxEb1a5z4f4T67iDXslqDxLqyow6H64Q8rMRkXU4c65YJJRE4Pa/s1600/1.jpg"><img style="cursor: pointer; width: 320px; height: 226px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirb3MOmw5s16jPMIYDesaeLepv_pZJ_u3LNxx4-bErebE09mlBCCjVg-IoOQrXdc1BRLWeulhZ6iV-eDfklxHt-anW9ZxEb1a5z4f4T67iDXslqDxLqyow6H64Q8rMRkXU4c65YJJRE4Pa/s320/1.jpg" alt="" id="BLOGGER_PHOTO_ID_5405689375086106018" border="0" /></a><br /></div><br /><br />now ones you find any perticual car is you'r looking for click on that it will show you all the cluster images of that cars in one single circle. like this you can enhanse your search.<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHtYH_h2GzF1yyjtRr8oez4iFIVFGO3hARnc7gKSY9qEAlWKksBDrXvwg7QAMHW0XkWDcA9nBspOAjpnN7mBFyoZHKAxLHmuMIPwOkBCRoCefFHxpzX2GTkNzx-tuLbqX7hXxDntQaTgPZ/s1600/2.jpg"><img style="cursor: pointer; width: 320px; height: 198px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHtYH_h2GzF1yyjtRr8oez4iFIVFGO3hARnc7gKSY9qEAlWKksBDrXvwg7QAMHW0XkWDcA9nBspOAjpnN7mBFyoZHKAxLHmuMIPwOkBCRoCefFHxpzX2GTkNzx-tuLbqX7hXxDntQaTgPZ/s320/2.jpg" alt="" id="BLOGGER_PHOTO_ID_5405689378469466002" border="0" /></a><br /></div><br />you can also explore your additional sub-groups with any cluster and make search better.now this technology is develop for <i><b>Picasa </b></i> and <i><b>Similar images</b></i>.<br /><br />Image Swirl is working for more than 200,000 Queries and now plan to include more in feature.they are using using auto-complete option when you start with search box just like Google Suggest.so lets try with Google Image Swirl today to make your search better,<br /><br />happy googleing...kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com0tag:blogger.com,1999:blog-6848214385407010493.post-51374943306610004382009-11-09T23:24:00.007+13:002009-11-10T00:25:04.617+13:00Top flickr tools<b><span style="font-style: italic;">Flickr</span> </b>is one of the Social Photo Sharing site, where you can upload your photo , get the comments on photo, rate the photo , or also share your photo's with your friends. there are so many site just like Flickr but <b> <span style="font-style: italic; color: rgb(255, 0, 0);">Flickr</span> </b> has very nice and atractive look and have some great features that can likes you.<br /><br />Here are some Flickr tools to enhance you flickr Experience .<br /><span style="color: rgb(153, 51, 0);">1 .</span><strong style="color: rgb(153, 51, 0);"><a href="http://www.codeplex.com/flickrexplorer">Flickr Explorer</a></strong><br /> you have seen many flickr uploaders but photo downloader is less than that . So you can use this tool to download the photo from flickr.com<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5iBSnfD0HtFiIYJjobNHnKOWsA-CsPpg8InUH9PcDswax5if0agZYWzsZS0vo3WY4reLVWtMauhYbQszndIdhvilqGtHf0n1NDA3KVsUGPwmBkFA4l7Onk2uDUMkGcrtF-rX99oXdbcoK/s1600-h/1.jpg"><img style="cursor: pointer; width: 257px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5iBSnfD0HtFiIYJjobNHnKOWsA-CsPpg8InUH9PcDswax5if0agZYWzsZS0vo3WY4reLVWtMauhYbQszndIdhvilqGtHf0n1NDA3KVsUGPwmBkFA4l7Onk2uDUMkGcrtF-rX99oXdbcoK/s320/1.jpg" alt="" id="BLOGGER_PHOTO_ID_5402061386533691410" border="0" /></a><br /><br />2.<strong><a href="http://www.flickrfight.net/">FlickrFight</a></strong><br /> This will helps you to compare two images , you need to only enter that keyword or tag and just check that images on flickr site.<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBmQOIwceK9b5of8ywAuvgs-45sOtRLkBeKWQO0WfEkBIjWlVR-QjW7JSYGHGZjHo5Qroq8RyK089lGdk6WK_ThfePhvo1-JpXNvmx9TqpkpzMNqQv2-CQLzudBIesKNTBu9SZQFzXH6T/s1600-h/2.png"><img style="cursor: pointer; width: 320px; height: 154px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBmQOIwceK9b5of8ywAuvgs-45sOtRLkBeKWQO0WfEkBIjWlVR-QjW7JSYGHGZjHo5Qroq8RyK089lGdk6WK_ThfePhvo1-JpXNvmx9TqpkpzMNqQv2-CQLzudBIesKNTBu9SZQFzXH6T/s320/2.png" alt="" id="BLOGGER_PHOTO_ID_5402061390601509090" border="0" /></a><br /></div><br />3.<strong><a href="http://flickrslidr.com/">flickrSLiDR</a></strong><br />SLiDR will allow you to easily embed with the classical slideshoe on your application , you just need to enter the url , photo or group that you want to embeded with some option , then you will get the help code of same,<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ_md3RRUxsZLb35b243NNz6OtkTpLf9972IBWl8plLqk99mOt6dqN-ovTz9U7qP2aH71kuBQP6CB6Qnwkqgq95XjA3GZ4PKQOTrNBGsN6i9MJLq3N37Gb-rdP3pw5BQjfCTyeZk9BkPHP/s1600-h/3.png"><img style="cursor: pointer; width: 306px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ_md3RRUxsZLb35b243NNz6OtkTpLf9972IBWl8plLqk99mOt6dqN-ovTz9U7qP2aH71kuBQP6CB6Qnwkqgq95XjA3GZ4PKQOTrNBGsN6i9MJLq3N37Gb-rdP3pw5BQjfCTyeZk9BkPHP/s320/3.png" alt="" id="BLOGGER_PHOTO_ID_5402061394452917026" border="0" /></a><br /><br />4.<a href="http://uploadrxl.rutgersmit.com/">UploadrXL</a><br />From here you can upload more images on your site , it has some nice features ike Multi lingual , thumbnail preview , Adding multiple photos , Groups photos , EXIT reader , Tag Editor and so on , one better thing is it supports .Net Framework 2.0<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcfIKJfin_HPWiYsHrDrwNxuY_a15klu3IJm0Oa1SrlGcickY0ugsJF7TL0jr71wqU4se3zlTBIBujEuZGulTeaDTlS30NFkfgKIRfBssiaJh7Y4k2bbGMBVCdp-6fk_pcAx7bS5vtN37A/s1600-h/4.png"><img style="cursor: pointer; width: 320px; height: 219px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcfIKJfin_HPWiYsHrDrwNxuY_a15klu3IJm0Oa1SrlGcickY0ugsJF7TL0jr71wqU4se3zlTBIBujEuZGulTeaDTlS30NFkfgKIRfBssiaJh7Y4k2bbGMBVCdp-6fk_pcAx7bS5vtN37A/s320/4.png" alt="" id="BLOGGER_PHOTO_ID_5402061404738182626" border="0" /></a><br /></div><br />5.<strong><a href="http://www.compfight.com/">CompFight</a></strong> -<br /><br />Compfight its a new tool basically uses in Flickr’s API , To search the database of photos and then feeds back the results as live clickable thumbnails.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVbXzNrS0HaYttxaeCzH3PosIxNcN0YLKoH3ljBI0P4PbfEgne2jvqWjdaXFVGsueW-9INsP9tMYH904Q4GV_8pmTX-OSjVqBwzSCp1aK2d7ZJY44yTi_1OlBAxQ2YlDp4q-04lihcKjK6/s1600-h/5.png"><img style="cursor: pointer; width: 320px; height: 276px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVbXzNrS0HaYttxaeCzH3PosIxNcN0YLKoH3ljBI0P4PbfEgne2jvqWjdaXFVGsueW-9INsP9tMYH904Q4GV_8pmTX-OSjVqBwzSCp1aK2d7ZJY44yTi_1OlBAxQ2YlDp4q-04lihcKjK6/s320/5.png" alt="" id="BLOGGER_PHOTO_ID_5402061406869528466" border="0" /></a><br /><br />6.<strong><a href="http://www.pimpampum.net/bubblr/">Bubbler</a></strong><br />this tool is used to create comic strips using flickr, you just search for photos using tags or you can also search using username and get the right pic , now just drag the bubble on that pic or photos and enter the text what ever you want that text will get publish .<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrl_gT32jjbxY3BsEGMBKouTblCW5detDUTteKUUQobF_PH0y7pXtRMwtqVqvxAOYPX7arXiwOwyyvpfkGBEOpeTma5hRqmTNkG4QzZ_i7WOkXu76cCkyvlh1ol_Tl39pOqQUhx-1jgdnm/s1600-h/6.png"><img style="cursor: pointer; width: 320px; height: 232px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrl_gT32jjbxY3BsEGMBKouTblCW5detDUTteKUUQobF_PH0y7pXtRMwtqVqvxAOYPX7arXiwOwyyvpfkGBEOpeTma5hRqmTNkG4QzZ_i7WOkXu76cCkyvlh1ol_Tl39pOqQUhx-1jgdnm/s320/6.png" alt="" id="BLOGGER_PHOTO_ID_5402062881519218850" border="0" /></a><br /></div><br />7.<strong><a href="http://flickr.nosv.org/">Flickr Logo Makr</a></strong><br />You can desing you own logo using this cool tool. you can find same color font or style using on flickr.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMcOOCXYv0IBoKtNYy2ctO_VqWDUTnGwtn-MLTtQ1y5-hWMQ_k08cUVt-CDhgj33jy_9FYrYkVDBvXmCUmADlkLkqbTNHkPQgck9Q7mhrlE-PL-vGJkJDGFV-yX16Pi7DxmJR27_6HS72j/s1600-h/7.png"><img style="cursor: pointer; width: 320px; height: 254px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMcOOCXYv0IBoKtNYy2ctO_VqWDUTnGwtn-MLTtQ1y5-hWMQ_k08cUVt-CDhgj33jy_9FYrYkVDBvXmCUmADlkLkqbTNHkPQgck9Q7mhrlE-PL-vGJkJDGFV-yX16Pi7DxmJR27_6HS72j/s320/7.png" alt="" id="BLOGGER_PHOTO_ID_5402062884988210178" border="0" /></a><br /><br />8.<strong><a href="http://philmccluskey.com/projects/flickrfox/">FlickrFox</a></strong><br />it will allow you to browse the phpto in sidebar in FF(Firefox), that can makes managing your groups ,searching new tags ,keep the contacts easy , and many more.<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-1Ejy5f-mpR0lgXqf7OExWQuSbuSkshj7JqzX8zPl50wH0CPv2ReRls014O3G8J2vp_K7RPj-xSwz97FYAmu-wvDIWSgYYKBy4yf3ikUNp9IGpYdZn3qO-LYItSUKIpYwYV5XwYKkwe52/s1600-h/8.png"><img style="cursor: pointer; width: 320px; height: 185px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-1Ejy5f-mpR0lgXqf7OExWQuSbuSkshj7JqzX8zPl50wH0CPv2ReRls014O3G8J2vp_K7RPj-xSwz97FYAmu-wvDIWSgYYKBy4yf3ikUNp9IGpYdZn3qO-LYItSUKIpYwYV5XwYKkwe52/s320/8.png" alt="" id="BLOGGER_PHOTO_ID_5402062887806671506" border="0" /></a><br /></div><br />9.<strong><a href="http://www.flishr.com/">Flishr</a></strong><br />Flishr is a primer application to Download,search and also for upload from one center to another that means one PC to another .it has some best features that can make you search better and easy to use , you need to search & downlod that pics from flickr or need to upload that pics in very fast maner, but one limitation is there with this you can use this application only on Windows only.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRdaX7n8z1UavtDxX5I1Ki9Sgk1yvUOMDDZONliITPl4HrclKnLUibg14CyT1mYKquW0ceOKmJLhUUeq2IkyGqWAhTuXlnunbMeFoKZPrg3Nj__5x4fnHV4Bngl5Lx1s2xsJPNlu-1INY/s1600-h/9.jpg"><img style="cursor: pointer; width: 320px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdRdaX7n8z1UavtDxX5I1Ki9Sgk1yvUOMDDZONliITPl4HrclKnLUibg14CyT1mYKquW0ceOKmJLhUUeq2IkyGqWAhTuXlnunbMeFoKZPrg3Nj__5x4fnHV4Bngl5Lx1s2xsJPNlu-1INY/s320/9.jpg" alt="" id="BLOGGER_PHOTO_ID_5402062893379851010" border="0" /></a><br /><br />10.<strong><a href="http://www.chasr.org/">Chasr</a></strong><br />this is mini application, you can dispaly your pics from Flickr on your own site or blog for free of cost , download this Chasr and install it you own server , which will allow you to see your pics on your own site.kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com0tag:blogger.com,1999:blog-6848214385407010493.post-42062638194261213992009-11-02T22:13:00.018+13:002009-11-02T23:24:15.022+13:0015+ Firefox addons for Developer and Designers<b>Addon's </b> playing important role for web developer as well as for web desginer also , you can say its make your task easier. Firefox is one of the free and open source web browser and provides most comman features for web devloper and designer,<br />There are huge no of lists of <b> addons or extensions </b>. here i have mention some of them which are really useful for a developer as well as for designer.<br /><br /><h4> <a title="Firebug Firefox Addon" href="https://addons.mozilla.org/en-US/firefox/addon/1843" rel="nofollow" target="_blank">Firebug</a></h4><br />Firebug is very commonly use addon , which can easily catch javascript , jquery error in live page , you can edit and also debug the live application using this cool addon<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6dNtQWnxoz2km7RLDBUs0ffVX9iEi6Vf7zOBiIvdH3LXKUbSbXAEtCpTqSsuHvU_kqGkWsaOGhcPjFE1JAAZks3-ck4XqxKCM_I05MBH3rsr7fi3At_etQ2XixZYVu1Rgx_CP8yBM19bM/s1600-h/firebug.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6dNtQWnxoz2km7RLDBUs0ffVX9iEi6Vf7zOBiIvdH3LXKUbSbXAEtCpTqSsuHvU_kqGkWsaOGhcPjFE1JAAZks3-ck4XqxKCM_I05MBH3rsr7fi3At_etQ2XixZYVu1Rgx_CP8yBM19bM/s320/firebug.jpg" alt="" id="BLOGGER_PHOTO_ID_5399439667997903410" border="0" /></a><br /><br /><h4><a title="WebDeveloper Firefox Addon" href="http://addons.mozilla.org/en-US/firefox/addon/60" rel="nofollow" target="_blank">Web Developer</a> </h4><br />This addon very much useful for the again developer to test there live application in terms of html, css, dhtml , images and so on, ones you install this addon you can find that addon on new toolbar<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPfXK_22OcSOpni8hltfnk4IFSb2AE-D7wquFQUKQiG82zlz960FQMN4-0w1qApskqq4ou1vlSUs8P6P2SUJRV77acyLguuDT0SzREDylFSCrkowNRzqZGbUHAzMTMGO1WtsM5CakuCXon/s1600-h/webdeveloper.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPfXK_22OcSOpni8hltfnk4IFSb2AE-D7wquFQUKQiG82zlz960FQMN4-0w1qApskqq4ou1vlSUs8P6P2SUJRV77acyLguuDT0SzREDylFSCrkowNRzqZGbUHAzMTMGO1WtsM5CakuCXon/s320/webdeveloper.jpg" alt="" id="BLOGGER_PHOTO_ID_5399440559460546258" border="0" /></a><br /></div><br /><h4> <a title="FirePHP Firefox Addon" href="https://addons.mozilla.org/en-US/firefox/addon/6149" rel="nofollow" target="_blank">FirePHP</a></h4><br />its enable you to log to your Firebug console using php method call. its basically suit for the ajax development process.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnqkinnffMCh4pLVxiuiLa1197X4r7jzAYZINl24ooACsjyt3N_I-WWe-_MW6d7pAnKTSWMGAXP-o6ESBDiQSbIXPgwUgpf1zBWJYwRX5REhamyQFtzj_G2vAUZDm7m2iJeqesiIGTh0op/s1600-h/firephp.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnqkinnffMCh4pLVxiuiLa1197X4r7jzAYZINl24ooACsjyt3N_I-WWe-_MW6d7pAnKTSWMGAXP-o6ESBDiQSbIXPgwUgpf1zBWJYwRX5REhamyQFtzj_G2vAUZDm7m2iJeqesiIGTh0op/s320/firephp.jpg" alt="" id="BLOGGER_PHOTO_ID_5399439687069644930" border="0" /></a><br /><br /><h4> <a title="ColorZilla Firefox Addon" href="https://addons.mozilla.org/en-US/firefox/addon/271" rel="nofollow" target="_blank">ColorZilla</a></h4><br />ColorZilla will get you the color which is reading from mouse pointer , you just need to move your mouse on that location and you will get the color of same , you can also zoom that page you also measure the distance between the any two points . you can also save that selected color as a custom palettes<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhid2Z0xNuyTSn4ohWkwGWnNBwkKQTKp6G3Yu_E5QWWG-RCl1YakB7dk-_0Mq3Q55zjMtlr5U67BUoaa2JZ2-ez8J4gWQEwFCPPHSRnzjUdmRDxPFftYUQUqlaTbi5h7xBEyWpF-b9fmtZh/s1600-h/colorzilla.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhid2Z0xNuyTSn4ohWkwGWnNBwkKQTKp6G3Yu_E5QWWG-RCl1YakB7dk-_0Mq3Q55zjMtlr5U67BUoaa2JZ2-ez8J4gWQEwFCPPHSRnzjUdmRDxPFftYUQUqlaTbi5h7xBEyWpF-b9fmtZh/s320/colorzilla.jpg" alt="" id="BLOGGER_PHOTO_ID_5399442564691456338" border="0" /></a><br /></div><br /><h4> <a title="CSSViewer Firefox Addon" href="https://addons.mozilla.org/en-US/firefox/addon/2104" rel="nofollow" target="_blank">CSSViewer</a></h4><br />its a very common tool ones you hover on any element, it will display all CSS styles for that element.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtA8lqffd0VVIPMocKNtYlSpU_Tu9_Y_cOc20ogAWKEdlDS9gvSNSh_hL_VmHYsSXxgMiGIMGPqIlr_X6NVg29VWDIeO9aiZxA7sHDqsK8aCnkgf3I-3TkjJZvIE5X5am5k8M9pL4McdAK/s1600-h/cssviewer.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtA8lqffd0VVIPMocKNtYlSpU_Tu9_Y_cOc20ogAWKEdlDS9gvSNSh_hL_VmHYsSXxgMiGIMGPqIlr_X6NVg29VWDIeO9aiZxA7sHDqsK8aCnkgf3I-3TkjJZvIE5X5am5k8M9pL4McdAK/s320/cssviewer.jpg" alt="" id="BLOGGER_PHOTO_ID_5399442824561438370" border="0" /></a><br /><br /><h4> <a title="Window Resizer Firefox Addon" href="https://addons.mozilla.org/en-US/firefox/addon/1985" rel="nofollow" target="_blank">Window Resizer</a></h4><br />Resize your Browser to various size, basically its useful for testing the your application on various sceen , then you come to know you application is feet in current window or not , there are some resoultion : 64x480 , 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ7pxBMAG-fZskd84mNmaJFvIBo8OSb2t_0b-AVTFLtIHpO6gPHYUyllfH39x5xvdksckMvWVJ6IAwhSgJVKLg72o-cP8ozdup7djQl7tPdkMxQyposypajNu2eXFmj5lHT5BEltDyDbEP/s1600-h/windowresizer.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ7pxBMAG-fZskd84mNmaJFvIBo8OSb2t_0b-AVTFLtIHpO6gPHYUyllfH39x5xvdksckMvWVJ6IAwhSgJVKLg72o-cP8ozdup7djQl7tPdkMxQyposypajNu2eXFmj5lHT5BEltDyDbEP/s320/windowresizer.jpg" alt="" id="BLOGGER_PHOTO_ID_5399446418659090946" border="0" /></a><br /></div><br /><h4><a title="Cooliris Firefox Addon" href="https://addons.mozilla.org/en-US/firefox/addon/5579" rel="nofollow" target="_blank">Cooliris </a> </h4><br />its a cool addon , you can easily browse the photos and videos from web.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxOk19XWMwO42uOk_-UF6ZAbHtlmOWioMg1qryNYY08KhvssAvaW9CEi-2h87rX4yGEV2RMuvha8fFass3OX0WsMLIFUxzxaXM1rQaKv0xP3nvaVUKOaeDAl2nnLwtoRHztRCg2OyzRPC/s1600-h/cooliris.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHxOk19XWMwO42uOk_-UF6ZAbHtlmOWioMg1qryNYY08KhvssAvaW9CEi-2h87rX4yGEV2RMuvha8fFass3OX0WsMLIFUxzxaXM1rQaKv0xP3nvaVUKOaeDAl2nnLwtoRHztRCg2OyzRPC/s320/cooliris.jpg" alt="" id="BLOGGER_PHOTO_ID_5399446990575303442" border="0" /></a><br /><br /><h4><a href="https://addons.mozilla.org/en-US/firefox/addon/249" rel="nofollow" target="_blank">HTML Validator</a> </h4><br />displays the number of found errors of the site you are viewing. it will parse the html page and display the error.<br /><br /><h4> <a title="URL Fxer Firefox Addon" href="https://addons.mozilla.org/en-US/firefox/addon/2871" rel="nofollow" target="_blank">URL Fixer </a></h4><br />it corrents the typos in URL that enter in the address bar. for example if you type rediff.con instead if com it will automatically fix it and parse it and redirect to you on actaul site, Current version is support the .com,.net,.org.,.edu..gov,.mil and other TLD.<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKkvDNY1WucAqJt8FhH5_h0Xk05n25CelrEFk5aP-37NpBzSwSc05OAiFSkJ03YBwKGh-V0Xwd-LedhtT4NRKqseed0jXLhmmWX9cEZHXmRoBQwOEGYH4XZoiL40Hm0wb3NJXZFwfvlgz1/s1600-h/urlfixer.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKkvDNY1WucAqJt8FhH5_h0Xk05n25CelrEFk5aP-37NpBzSwSc05OAiFSkJ03YBwKGh-V0Xwd-LedhtT4NRKqseed0jXLhmmWX9cEZHXmRoBQwOEGYH4XZoiL40Hm0wb3NJXZFwfvlgz1/s320/urlfixer.jpg" alt="" id="BLOGGER_PHOTO_ID_5399440552655002418" border="0" /></a><br /></div><br /><h4><a title="FEBE Firefox Addon" href="https://addons.mozilla.org/en-US/firefox/addon/2109" rel="nofollow" target="_blank">FEBE </a> </h4><br />FEBE (Firefox Environment Backup Extension) allow you to quickly and easily backup your firefox. it will rebuild your extensions into .xpi files.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRJVoW7DIOmcaU4xQNqHv8B6XkGgZdjWN90-_LbOowa1U89eDlrK4PZDK1kgJob4e5XsHKwWWek4ycy6q1H2Rajexb_DAbZs2L5BEWqBiumeZzdqao8E_mqGuN0KE9hrwiOl8h2NVTf-JY/s1600-h/febe.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRJVoW7DIOmcaU4xQNqHv8B6XkGgZdjWN90-_LbOowa1U89eDlrK4PZDK1kgJob4e5XsHKwWWek4ycy6q1H2Rajexb_DAbZs2L5BEWqBiumeZzdqao8E_mqGuN0KE9hrwiOl8h2NVTf-JY/s320/febe.jpg" alt="" id="BLOGGER_PHOTO_ID_5399439682043146626" border="0" /></a><br /><br /><h4><a title="LiveHTTPHeaders Firefox Addon" href="https://addons.mozilla.org/en-US/firefox/addon/3829" rel="nofollow" target="_blank">LiveHTTPHeaders </a> </h4><br />its allows you to analyze your http header , it will also help you to debug you web applicaiton ,you can also see what sort of server is using and also view cookies sent by the remote sites,<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLqqS5yu5ZLlU1Tlx7sAcsrzVZhqiCr5acaehSsZDi7NRhCgutHw3pBCOslvZ2GGQC65WbE6nd1Lkgb6I_e-tMONVZNGQyjzqkQ7pISIlPazqT3cu5N_aWyqn5kGe2ymhR7Ikwz5Xq9rBM/s1600-h/livehttpheaders.jpg"><img style="cursor: pointer; width: 320px; height: 86px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLqqS5yu5ZLlU1Tlx7sAcsrzVZhqiCr5acaehSsZDi7NRhCgutHw3pBCOslvZ2GGQC65WbE6nd1Lkgb6I_e-tMONVZNGQyjzqkQ7pISIlPazqT3cu5N_aWyqn5kGe2ymhR7Ikwz5Xq9rBM/s320/livehttpheaders.jpg" alt="" id="BLOGGER_PHOTO_ID_5399440541893280450" border="0" /></a><br /></div><br /><h4> <a href="https://addons.mozilla.org/e%20n-US/firefox/addon/138" rel="nofollow" target="_blank">StumbleUpon</a> </h4><br />stumbleUpon is a social bookmarking sites , its useful to you to search the sites , this site derive a large no of visitors to your sites.<br /><div style="text-align: left;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgViu3wLYsmlDnl3_EL-zVp7hPDtsKubLFmZzwtYmWDtdKgDpIIt-XDIb2acf4c-H3Qy_4jllhqToTxLvLtnfbRbRvQlCRkQJ-cjgdZCO_GwzDUZb99W3UxUvLlzB5n73_DcHCih2sIVdtJ/s1600-h/stumble.png"><img style="cursor: pointer; width: 200px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgViu3wLYsmlDnl3_EL-zVp7hPDtsKubLFmZzwtYmWDtdKgDpIIt-XDIb2acf4c-H3Qy_4jllhqToTxLvLtnfbRbRvQlCRkQJ-cjgdZCO_GwzDUZb99W3UxUvLlzB5n73_DcHCih2sIVdtJ/s320/stumble.png" alt="" id="BLOGGER_PHOTO_ID_5399440547229212530" border="0" /></a><br /></div><br /><h4><a href="https://addons.mozilla.org/en-US/firefox/addon/4415" rel="nofollow" target="_blank">Font Finder</a> </h4><br />font finder tools helps you to find the font of highlighted text, you need to just select the text and right click to see all the styling get included on that text you can also view the Color, font-family and so on<br /><br /><h4><a href="https://addons.mozilla.org/en-US/firefox/addon/2289" rel="nofollow" target="_blank">CSS Validator</a></h4><br />Validate your page using W3c css validator. just right click on page and select <b>Validate CSS </b> it will validate and parse your page and open result on new tab and show you error on same.<br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVmirlZVZXUJZKmjRlH078Oh4nFa92WUR4cpUfDJ5Fin0YyNCZwWa36Si02wQjL18bGbWkgUi_Kthxt5qNNIb1v-GAX36Dm5tybwfQWPqoH4dzmpmyVWKAQo9Ch-PRLXUkEVdOp8a_a75w/s1600-h/cssvalid.png"><img style="cursor: pointer; width: 194px; height: 147px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVmirlZVZXUJZKmjRlH078Oh4nFa92WUR4cpUfDJ5Fin0YyNCZwWa36Si02wQjL18bGbWkgUi_Kthxt5qNNIb1v-GAX36Dm5tybwfQWPqoH4dzmpmyVWKAQo9Ch-PRLXUkEVdOp8a_a75w/s320/cssvalid.png" alt="" id="BLOGGER_PHOTO_ID_5399447607730088050" border="0" /></a><br /><br /><h4> <a href="https://addons.mozilla.org/en-US/firefox/addon/4775" rel="nofollow" target="_blank">Autofill Forms</a> </h4><br />auto fill is one of the best option or addon, instaed of typing text again and again you just save that text on AutoFill Form and whenever you required you simply use that so it will get fill that field automatically , for example on Gmail.com , you need to enter id & password to access your account now instad of typing id & password daily you just save . and ones you open gmail.com page click on AutoFill option . it will automatically get fill your id & password .<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW2DM5nwyW2DJtPLMjcr6Z9DpyrMyE6OtcBss3ZHFxcXjMtPWZUARBkioRt1mpzkjv62MDjZCVxMxAfp4jqzxXzI2Rjq4I6TmCrt5D5ZBBLq1v65NNqRSNj4q4AuaeVo4LodmI0D8QhXTC/s1600-h/autofill.jpg"><img style="cursor: pointer; width: 320px; height: 103px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW2DM5nwyW2DJtPLMjcr6Z9DpyrMyE6OtcBss3ZHFxcXjMtPWZUARBkioRt1mpzkjv62MDjZCVxMxAfp4jqzxXzI2Rjq4I6TmCrt5D5ZBBLq1v65NNqRSNj4q4AuaeVo4LodmI0D8QhXTC/s320/autofill.jpg" alt="" id="BLOGGER_PHOTO_ID_5399439678071046082" border="0" /></a><br /><br />if u know more add in on a Comments .kiranhttp://www.blogger.com/profile/07095652523209578945noreply@blogger.com3