Web Development Help

Jquery Auto Hide

2011-05-03T19:26:00.004+13:00

Hi Guys today i come up with some cool example of JQuery. its a "Auto hide button or Div after some interval time "

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.
like this:

yes here is the source on same.

<html><head>
<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>
</head>
<body>
<center>
<br><br>
<div id="div1Seconds" AutoHide="10" style="background: #ccc; border: solid 1px #333">
<input type="button" value="This Button will be hidden in 10 second.">
</div>
<br><br>
<div id="div3Seconds" AutoHide="15" style="background: #ccc; border: solid 1px #333">
<input type="button" value="This Button will be hidden in 15 second.">
</div>
</center>
</body>
</html>

Demo : (refresh page to view the demo)

Hope it will likes you.

Add/ Remove rows using javascript or Jquery

2011-01-05T07:23:00.002+13:00

Jquery is one of the great and coolest feature in the web. you can desing your application any thing as u want with asynchronous call.
here i have created one small application for adding or removing the rows from your tables.

many times we are not sure how much length of user input is for ex. in case of
address field we are not sure how much length of data is so that time this coolest add/remove rows function will use.
just try it .

here is the basic java script.

<html>
<head>
<title> Add/Remove Rows in Table </title>
<script language="javascript">
function addRow(tableID) {

var table = document.getElementById(tableID);

var rowCount = table.rows.length;
var row = table.insertRow(rowCount);

var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
cell1.appendChild(element1);

var cell2 = row.insertCell(1);
cell2.innerHTML = rowCount + 1;

var cell3 = row.insertCell(2);
var element2 = document.createElement("input");
element2.type = "text";
cell3.appendChild(element2);
}

function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;

for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}

}
}catch(e) {
alert(e);
}
}
function SubmitForm()
{
// your form Validation code goes here ...
}

</SCRIPT>
</head>
<body>
<TABLE id="dataTable" width="350px" border="1">
<TR>
<TH>Select</TH>
<TH>Sr. No.</TH>
<TH>Value</TH>
</TR>
<TR>
<TD><INPUT type="checkbox" name="chk"/></TD>
<TD> 1 </TD>
<TD> <INPUT type="text" /> </TD>
</TR>
</TABLE>
<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />
<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />
<INPUT type="button" value="submit" onclick="SubmitForm()" />
</BODY>
</HTML>

hope u like it .,.... just commnet it.. the jquery example i will post it on my next post.

Jquery on blogspot

2010-07-18T18:46:00.006+13:00

Hi,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.

click on the below button it will show you the toggle .

And Here is the code , just add this on your blogger and see the magic.

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"> </script>
<script type="text/javascript"> $(function(){$("#BtnToggle").click(function(){$('#divTogg').toggle(1000);});});</script>

<style type="text/css"> #divTogg{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}</style>

<div id="dvt"> Hi, its working on Blogger too.</div>
<button id="BtnToggle"> Click Me</button>

This is your css part you can design it accordingly.

<style type="text/css">

#divTogg

{

width: 200px;

height: 100px;

border: solid 1px black;

background-color:LightGrey;

text-align:center;

display:none;

}

</style>

hope you like this ,if you have like this plz comment on it.

New looks on Google

2010-05-07T17:26:00.006+13:00

Yesterday 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.

Wht's get Changed and Wht's New added?
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.

on Universal Search 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 Google Squared ( 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.

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.

As talking about Google Logo, 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.

One more thing you can see on the Bottom section Search it also get change with the removing of Blue effects also.

there are few more little changes are going on , and its all in process you can see that on Google steps by step.

cache-about-blank

2010-04-30T02:25:00.004+13:00

i 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.

now wht is this cache:about:blank and mozilla .

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 about:config 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
don't change anything without any proper knowledge, other wise it get save and may be some problem get arise later on.

but still if your interested to do so you can refer this mozillatips.com. or want more on how to customize the interface just refer this customize the interface . both are very much interesting to know more on Fx

if your using IE then
if you open this on IE then may be on latest version you will never get such type if page on about:blank ,

just try it , you will enjoy it.

Refer This Post :
- how to configure local-host setting on FireFox
- Firefox Extensions for Twitter and Facebook

Jquery AutoComplete Plugin

2010-04-18T06:21:00.002+13:00

Hi 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 ,

yes its " AutoComplete" 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.

There are some good Features you will get over the AutoCompletion Tools .
1. Just like a Drop down but with quite good help.
2. just like DOM tree on xml
3. Better window auto complete box.
and may more.

steps to add Jquery on your page.

1. Put this code on your < head > section
< script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" > </script >
< script type='text/javascript' src='./jquery.autocomplete.js'> </script >

2. add below form tag
< form action="" onsubmit="return false;" >

<p >
Enter City: < input type="text" id="CityLocal" value="" />
< input type="button" value="Get Value" onclick="lookupLocal();" />
< /p >

3. on your javascript code add this

< script type="text/javascript" >
function lookupLocal(){
var oSuggest = $("#CityLocal")[0].autocompleter;

oSuggest.findValue();

return false;
}

$(document).ready(function() {
$("#CityAjax").autocomplete(
"autocomplete_ajax.cfm",
{
delay:10,
minChars:2,
matchSubset:1,
matchContains:1,
cacheLength:10,
onItemSelect:selectItem,
onFindValue:findValue,
formatItem:formatItem,
autoFill:true
}
);

$("#CityLocal").autocompleteArray(
[
"Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron",
"Albany", "Alexandria", "Alger", "Alledonia", "Alliance", "Alpha", "Alvada",
"Alvordton", "Amanda", "Amelia", "Amesville", "Amherst", "Amlin", "Amsden",
],
{
delay:10,
minChars:1,
matchSubset:1,
onItemSelect:selectItem,
onFindValue:findValue,
autoFill:true,
maxItemsToShow:10
}
);
});
< /script >

for the Example purpose i have declare few city name , you can add this on array as per your requirement and all.

5. close the form section and run the page , it will show your the output like this way

You can download the source code and sample from here
Download Here .
Demo Here .

hope you like it , if you have any query or comment plz leave a reply to full fill your query, thank you.

How Google works

2010-03-15T19:22:00.001+13:00

Google now explain there Business via These three videos in very nice manner . there are main three principles behind this is : Search ,apps , and Ads.
according to Google Search is our core part , apps is main umbrella over all the software and Ads is a central business proposition.

Now you can see how Search get works :
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 ?

How Google Apps get work:
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.

How Google search ads works :
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.

hope you like this videos , you can see it on http://www.google.com/howgoogleworks

Google Buzz Widget jQuery Plugin

2010-03-06T21:39:00.006+13:00

hi , 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.

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
json compatible format.

something look like this way:

Project | Options | Download plugin | Demo 1 | Demo 2

How to use :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script>
<script type="text/javascript" src="http://google-buzz-widget.googlecode.com/files/jquery.google-buzz-1.0.min.js"> </script>

Here are the two Google Api for Jquery and for Google Buzz you can place this in < head > section

These are the Features :

You can Dispaly buzzes in fixed list or as you want

many css features like height, width , opacity and all

customize each link

you can disaply hole buzz in your page

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
if you know anything new on this , plz post a comment so it will better to us or reader to know update part

Jquery & css base mega Menus

2010-02-28T23:26:00.010+13:00

hi 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 ..........

1.Mega Drop Down Menus with the CSS & jQuery

View Demo

2.Inspiration Elsewhere

Demo

3.Virgin

view Demo

4. Gateway.com

View Demo

5.Billabong.com,

View Demo

hope you like it , if you know more add it on comments

Jquery Slider

2010-02-14T18:03:00.008+13:00

Jquery 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

here are the cool examples u can use that on slider ................

1. jQuery Cycle

Demo

2. content + images Slider

Demo

3. Easy slider
Demo

4.CrossSlide

Demo

5.Pikachoose

Demo

yeach this one is cool , you can show maximum number of images with cool effects
hope u like this collection.......if u know some more plz add it on comments

ways to Speed Up your Page Response Times.

2009-12-22T23:31:00.006+13:00

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 improve your page speed from all the aspect. now google also setting this as a basic criteria.

Now you all knows mozilla has some good addon call "Firebug" you can install that plus you can also install ""Google page Speed " which will tell hows your application is behave . there is one more useful addon by yahoo is "YSlow" .

from this addons you will get lot of information , also try this
1. Load your CSS first and your JavaScript last
Load your css in <head > tag above your body . and try to load your javascript above the closing the body tag.

2. Using Sub domains for parallel downloads
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,

3. Minify JS and CSS:
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.

4. Avoid redirects:
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

5. Using CSS Sprites to reduce HTTP Requests
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 )
and use that as you want.
Best example you can see is " YouTube CSS Sprite ".

define that like this way:


< style >
.sprite {
background:url(http://s.ytimg.com/yt/img/master-vfl87445.png);
}

#logo {
width:100px;
height:45px;
background-position:0 0;
}
</style >

<div id="logo" class="sprite"> </div>

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
add it on comments .

Traversing an Html table with Javascript

2009-12-17T20:06:00.006+13:00

This 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 .

mozilla developer has given a good link on ,how to create a DOm interface for table structure

sample example:
1. lets create a Table


<table>
<tbody>
<tr> <td> This is first td </td></tr>
<tr> <td> This is second td </td></tr>
<tr> <td> This is third td </td></tr>
</tbody>
</table>

2. now create a Dom inteface to read this table content , for that you can use Javascript to read this


<script >
   function start() {
       // get the reference for the body
       var body = document.getElementsByTagName("body")[0];

       // creates a <table> element and a <tbody> element
       var tbl     = document.createElement("table");
       var tblBody = document.createElement("tbody");

       // creating all cells
       for (var j = 0; j < 2; j++) {
           // creates a table row
           var row = document.createElement("tr");

           for (var i = 0; i < 2; i++) {
               // Create a <td> element and a text node, make the text
               // node the contents of the <td>, and put the <td> at
               // the end of the table row
               var cell = document.createElement("td");
               var cellText = document.createTextNode("cell is row "+j+", column "+i);
               cell.appendChild(cellText);
               row.appendChild(cell);
           }

           // add the row to the end of the table body
           tblBody.appendChild(row);
       }

       // put the <tbody> in the <table>
       tbl.appendChild(tblBody);
       // appends <table> into <body>
       body.appendChild(tbl);
       // sets the border attribute of tbl to 2;
       tbl.setAttribute("border", "2");
   }
</script >

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 .

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.

5. Its create just like this way .

Facebook and MySpace deals with Google for real-time search

2009-12-10T01:25:00.003+13:00

Yes, Myspace and FaceBook have signed with Google for the Real-Time search giant.
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.

so with the Help of that data Google may give you better result and better Search , Till now we know google deal with Twitter but now they also deal with FaceBook and MySpace . Which means if someone get Search on any Topics then they also get the Real - Time Updates for this social media sites ,

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 Tom Stocky 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 make google better.

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.

But In Order with Bings they still has to Integrate the search with Twitter into search Process, they also come up with new separate site with "tweets". lets hope it will come soon.

Google Audio indexing

2009-12-03T18:20:00.002+13:00

Google get introduce new technology call Google Audio Indexing (Gaudi) . 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.

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.

How you can use this :
Look at the below pics you can get ,

if i want to search related with gas prices 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.

You can also Share this videos with your friends just clicking share button on that video . or simply copy-paste that URL also.

one more thing you can only search the videos from Youtube source only.
if you want to know how its works look at this : http://labs.google.com/gaudi
Currently this technology its in Google Lab , it will publish soon.

MozillaLabs Launches new projects on MozillaLab

2009-11-28T00:27:00.005+13:00

mozilla now launches new terms just like "Googlelabs" its a "mozillalabs". 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.

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 refer this .
it also have lots of thems , plugins, tabs , web application & developments tools, language supporter terms , videos and many more.

now we come back to the actual point mozillalabs. now in mozilla labs there are some nice projects are there

1.TestSwarm: - 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

if you want to use TestSwarm on your server download this from here

2. Mozilla weave : it get explore the blending of the desktop and the Web through deeper integration of the browser with online services.
it has some nice features just like
- AES Encryption , used to encrypt the date.
- PKI - public key infrastructure.
- JSON
- Debugging tools

if you want to use this you can get it from here : Install Weave v0.1.28
- https://labs.mozilla.com/forum/index.php/topic,657.0.html
but as i said its all are in labs so try it on your risk.

3. Test Pilot :
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.

4. Bespine
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
except the Bespine itself. look at the below


<!DOCTYPE html>
<html><head>
 <link href="BespinEmbedded.css" type="text/css" rel="stylesheet">
 <script type="text/javascript" src="BespinEmbedded.js"></script>
 <style>
  .bespin { margin: 0; padding: 0; border: 0;
    height: 300px; border: 10px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; }
 </style>
</head>
<body>
 <h1>Sample Editor as a Component</h1>
 <div id="editor" class="bespin"
   data-bespin-options='{ "stealFocus": true }'>
// The text of this div shows up in the editor.
var thisCode = "what shows up in the editor";
function editMe() {
alert("and have fun!");
}
 </div>
 <script>
   window.onBespinLoad = function() {
    console.log("this is called when Bespin is loaded");
   };
 </script>
</body>
</html>

with this you can go secure your application.
the page will give you the View something like this :

there are few more are there on mozilla labs you can have a look on it : https://mozillalabs.com/

Current Projects : https://mozillalabs.com/projects/

if you like this article please add some comments ,

Single Sign-On for everyone SSO

2009-11-26T18:17:00.006+13:00

Single Sign-On (SSO) 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
case now lets see how how to build it.

- SSO for different domain.
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


void Page_Load()
{
  UriBuilder uri = new UriBuilder(Request.UrlReferrer);
  HttpCookie hcok = HttpContext.Current.Request.Cookies[".BarAuth"];
  if (hcok != null && hcok.HasKeys)  //chk cookies exits
  {
    string cookie = HttpContext.Current.Server.UrlDecode(hcok.Value);

    FormsAuthenticationTicket fatick = FormsAuthentication.Decrypt(cookie);        

    uri.Query = uri.Query + "&ssoauth=" + fatick.Name;  //add login name in query.

  }
  Response.Redirect(uri.ToString());
}

now if authentication cookies are exits on bar.com, it will decrypt user name and pass name back to the ssoauth. on http://foo.com site we need to add some code on http request for processing pipeline, it will be Application_BeginRequest event or HttpHandler event.

if - authentication cookie exists on Foo.com, continue processing the request
- uthentication cookie doesn’t exist, redirect to Bar.com/sso.aspx.

- if applications run under different versions of .NET
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


< machineKey validationKey="F789KJSER82ERKJ4KJ23KH42KJH444JHG234K4KJB23"
decryptionKey="j234GF23HG2432347ASD7ASDHJA6ASD6HH27374743432" validation="SHA1" decryption="3DES" / >

you need to just set decryption="3DES" .to run old application.dont add this on web.config of .net 1.1 it will gives Error.

- mixed-mode authentication (Forms and windows)
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,

Requset.ServerVatiables["LOGON_USER"]

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.

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


if(System.Web.HttpContext.Current.Request.ServerVariables["LOGON_USER"] == "")
{
  System.Web.HttpContext.Current.Response.StatusCode = 401;
  System.Web.HttpContext.Current.Response.End();
}
else
{
 // move to valid domain
}

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 )

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.

Thank you , if you like this plz add some comments.

Explore images with Google Image Swirl.

2009-11-19T18:55:00.003+13:00

now google launched Image Search call " Google Image Swirl ".if you want to search for car 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.

when you search car 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.

For Example : now you search with cars you will get the set of 12 images thumbnail of cars , like this

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.

you can also explore your additional sub-groups with any cluster and make search better.now this technology is develop for Picasa and Similar images.

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,

happy googleing...

Top flickr tools

2009-11-09T23:24:00.007+13:00

Flickr 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 Flickr has very nice and atractive look and have some great features that can likes you.

Here are some Flickr tools to enhance you flickr Experience .
1 .Flickr Explorer
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

2.FlickrFight
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.

3.flickrSLiDR
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,

4.UploadrXL
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

5.CompFight -

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.

6.Bubbler
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 .

7.Flickr Logo Makr
You can desing you own logo using this cool tool. you can find same color font or style using on flickr.

8.FlickrFox
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.

9.Flishr
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.

10.Chasr
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.

15+ Firefox addons for Developer and Designers

2009-11-02T22:13:00.018+13:00

Addon's 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,
There are huge no of lists of addons or extensions . here i have mention some of them which are really useful for a developer as well as for designer.

Firebug

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

Web Developer

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

FirePHP

its enable you to log to your Firebug console using php method call. its basically suit for the ajax development process.

ColorZilla

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

CSSViewer

its a very common tool ones you hover on any element, it will display all CSS styles for that element.

Window Resizer

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

Cooliris

its a cool addon , you can easily browse the photos and videos from web.

HTML Validator

displays the number of found errors of the site you are viewing. it will parse the html page and display the error.

URL Fixer

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.

FEBE

FEBE (Firefox Environment Backup Extension) allow you to quickly and easily backup your firefox. it will rebuild your extensions into .xpi files.

LiveHTTPHeaders

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,

StumbleUpon

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.

Font Finder

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

CSS Validator

Validate your page using W3c css validator. just right click on page and select Validate CSS it will validate and parse your page and open result on new tab and show you error on same.

Autofill Forms

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 .

if u know more add in on a Comments .

How to Add digg button to all posts on your blogspot blog

2009-10-30T00:14:00.006+13:00

How to Add Digg Button ,

Open your Blogger Dashboard

Click on Layout > Edit Html part.

now Click on Expand Widget Templates

Seach for <data:post.body/ >

Paste the Below code above the searched text


     <script type="text/javascript" >
     digg_url = 'WEBSITE_URL';
     digg_bgcolor = '#ff9900';
     digg_skin = 'compact';
     digg_window = 'new';
     </script >
     <script src="http://digg.com/tools/diggthis.js" type="text/javascript" > </script>

digg_bgcolor - change the background color

digg_window - set is 'New' when you want to open page on new window

digg_skin - its a optional control by default it is yellow , you can change it according to you

digg_url - 'WEBSITE_URL'; here just enter URL of the page

digg_url

now you can click on save your template , it will take effect soon .

happy digging..

Add Image in between Rows of a GridView using C#

2009-10-28T18:08:00.002+13:00

again i come up with some new tips on Gridview , there are lots many things are there in Gridview . now my this article is describe you how to add the image on Gridivew, you can say after perticular records then you can use " OnRowDataBound " Property or " onRowCreated " like first 5 records then some distinguished between next 5 records like that.
here are the stpes how you can do that.

1. Create one Application
2. Add the Gridview control on a page ,also add the data source for same ,and just simply link it with some sample table
3. consider below is your Gridview code


 <asp:GridView ID="GridView1" DataSourceID="SqlDataSource1"  AllowPaging="True" 
            AutoGenerateColumns="False" DataKeyNames="CustomerID" 
            runat="server" OnRowDataBound="GridView1_RowDataBound" AllowSorting="True">
            <Columns>
                <asp:BoundField DataField="ID" HeaderText="ID" />
                <asp:BoundField DataField="Name" HeaderText="Name" />
            </Columns>
        </asp:GridView>

4. now suppose if i want to add new row which is background , then i have to add Gridview_RowDataBound event , this will enable you to provide the Event-Handling method which will perform the Custom routine option. that can be like modiffy the row, add the new record into the row and so on.now for that we are adding page level varible call pSize which will hold the Row position where we want to add that image column, with same also add that image to your Gridview
below code will help you .



    static int pSize;
 
    protected void Page_Load(object sender, EventArgs e)
    {
        if(!Page.IsPostBack)
              pSize = 0;
    }
    
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
  
            TableCell TabCell = new TableCell();
            Image img = new Image();
            img.ImageUrl = "Photo.gif";
            TabCell.Controls.Add(img);
           
            GridView gView = (GridView)sender;
            int colSpan = gView.Columns.Count;
            TabCell.Attributes["ColSpan"] = colSpan.ToString();
 
            GridViewRow gRow = new GridViewRow(-1, -1, DataControlRowType.DataRow, DataControlRowState.Normal);
           
            gRow.Cells.Add(TabCell);   // add the cells to the gridviewrow
 
            Table newtbl = (Table)e.Row.Parent;
 
            if(pgSize == 0)
                pgSize = GridView1.PageCount / 2;
 
            if (Convert.ToDouble(e.Row.DataItemIndex + 1) / Convert.ToDouble(pgSize) == 1.0)
            {
                newtbl.Controls.AddAt(gView.Controls[0].Controls.Count, gRow);
                // add 10 to the pgsize so that the image can be displayed
                // at rows 5, 15, 25 and so on..
                pgSize = pgSize + 10;
            }

here you can see how its look like:

hope this example will helps you .

IIS SEO Toolkit helps Web developers

2009-10-15T19:20:00.002+13:00

The IIS Search Engine Optimization (SEO) Toolkit helps Web developers, hosting providers, and server administrators improve their sites' relevance in search results by recommending how to make them more search engine-friendly. The IIS SEO Toolkit Beta can be installed with the Microsoft Web Platform Installer 2.0 Beta for use with IIS 7.0 and IIS 7.5.

For or more details on IIS SEO Toolkit

youtube search api using C#

2009-10-07T19:22:00.003+13:00

hi , i have allready specify how you can use youtube api in your .net application, here is my next post on same topic , you can add Youtube Search widget on your web site using API SEARCH method ,XmlDataSource control can be used in ASP.Net to bind the Youtube API RSS response to display the Youtube videos.

if you are using .Net then Repeater Control is one of the best option to display result . at first you need to create api method url to retrive the result from youtube in terms of RSS Feed. you can also Use of XmlNamespaceManager to read that Rss feed having media namespace that provides the syndication content about Youtube videos

- Google Code for Youtube API and Tools

http://code.google.com/apis/youtube/developers_guide_protocol.html#Searching_for_Videos

Steps to add simple YouTube search page to your ASP.NET web site

first get a free Developer Key: http://youtube.com/signup?next=/my_profile_dev.

now you need to construct uri like this
string uri = "http://www.youtube.com/api2_rest?"; uri += "method=youtube.videos.list_by_tag"; uri += "&dev_id=" + developerKey; uri += "&tag=" + txtSearch.Text; uri += "&page=1&per_page=50"; //
now you can get the returned result in an XML document,now load the XML into a DataSet using its ReadXml method.

now create one page and in that create one text box and one submit button
put this code on codebehind


 protected void Button1_Click(object sender, EventArgs e)
        {
            string developerKey = "" // put your key here;
            if (developerKey.Length == 0)
            {
                Response.Write("You need to get a  YouTube 

developer key first!");
                return;
            }
            // Call the YouTube api to list all videos for a tag
            string uri = "http://www.youtube.com/api2_rest?";
            uri += "method=youtube.videos.list_by_tag";
             uri += "&dev_id=" + developerKey;
            uri += "&tag=" + txtSearch.Text;
            uri += "&page=1&per_page=50"; // you can add custom paging if desired
            DataSet ds = new DataSet();
            ds.ReadXml(uri);
            DataTable dt = ds.Tables[2];
            this.DataList1.DataSource = dt;
            DataList1.DataBind();
        }

and here is your datalist code


<table>
 <asp:Datalist id="DataList1" runat="server"  CellPadding="2" CellSpacing ="2" BorderStyle="None">
<FooterStyle BackColor="#CCCCCC" ForeColor="Black"></FooterStyle>
<ItemTemplate>
<tr > <td colspan="2" align=center> <b> <%# DataBinder.Eval(Container, "DataItem.title") %>   </b>  </td> </tr>
  <tr>
<td style="width:100px;Height:20px;">
    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# Eval("url") %>' >
    <asp:Image ID="Img" ImageUrl='<%#Eval("thumbnail_url") %>' runat="Server" />
    </asp:HyperLink>
    </td>
<td style="width:450px;Height:20px;"><%# DataBinder.Eval(Container, "DataItem.description") %></td>
        </tr>        
</ItemTemplate>
</asp:Datalist>
</table>

view demo
that's it , happy youtubing...

Test Your Website in Different Browsers and Platforms

2009-10-06T00:58:00.003+13:00

ones we develop any application or any website then basically we are testing that site on different browser or different platform but its very time consuming and time taking , at first we have to install that browser and then we have to test that, but if you want to test your web application or website in different browsers,and different platforms in easiest way then Browser shots will help you.It makes screen shots of your web design in different browsers. It is a free open-source online service.

its very simple you need to submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screen shots and upload them to the central server of Browsershots. It supports Windows ( Firefox 1.5, Internet Explorer 5.0 and 6.0 ), Mac (Firefox 2.0, Safari 2.0 ), Linux ( Iceweasel 2.0, Konqueror 3.5 ). and more

you can also test your application here http://browsershots.org/
its a open source applciation , you can download that images ones you test your application ,and then make a changes according to same,

hope you like this .

free online editors for your asp.net application

2009-10-03T19:38:00.000+13:00

Editor is one of the requirement while taking the long input from the user , just like there
long long comments, about us , comments, and many more editor play important role in this case , you can edit that text as per you want you can use all html tags and all to make your reply or comments or text better.
here are the some free online editor you can integrate that on you .net web application.

1. widgEditor

Download widgEitor
Demo

2.markItUp

Download martkUp!
Demo

3. Yahoo! UI Text Editor

Download Yahoo!UI Text Editor
Examples

4. NicEdit
NicEdit is a Lightweight, Cross Platform, Inline Content Editor

Download NicEdit
Demo

5. JWYSIWYG

Download JWYSIWYG
Demo

free online editors for your asp.net application

Enhanced country selection with Css and Javascript

2009-10-02T00:41:00.001+13:00

When we designing a Registration form , Country & state option are consider, in that time we prefer Drop down option to populate various state or country and user get select one of them , its a very old process , you can redevelop that using ajax, css ,javascript and so many other ways ,

here is very nice way to select Country using simple CSS and Javascript

as you can see , you need to move your mouse over the text box and various country with there flag drop down get populate and you can selete one of the country on same , and that country name will appear in that text box

Download source

hope you like it ,

Enabling Database Mail via TSQL

2009-09-29T02:00:00.001+13:00


-- allow advanced options

sp_configure 'show advanced options', 1; 
GO 
RECONFIGURE; 
GO

-- enable database mail (0 disables , 1 enables)
 
sp_configure 'Database Mail XPs', 1; 
GO 
RECONFIGURE 
GO

-- hide advanced options again

sp_configure 'show advanced options', 0; 
GO 
RECONFIGURE; 
GO

sql:Limit SQL Server memory

2009-09-26T01:52:00.000+13:00

on SQL you can Set memory available to a sql instance
on below example we are setting Limit to the 500MB


    sp_configure 'show advanced options',1  
    go  
    reconfigure  
    go  
      
    sp_configure 'max server memory', 500  
    go  
    reconfigure  
    go

like this way you can set the limit server memory, but for precaution you can try this on local machine without running diretly on live server.

Data Grids with(AJAX,jvaScript, Dhtml)

2009-09-24T00:05:00.006+13:00

DataGrids is one of the useful control to show data in tabular format with different different records & result, on gridView you can show as many as option which is very much useful for the end user, to handle with Data Grid and all ,

Here are some Data Grid Controls Devlope with ajax/dhtml/and javascript

1. ExtJs Grid

2. Phatfusion Sortable

3. Table Kit

4.Unobtrusive Table Sort Script.

5.Yahoo UI Library’s DataTables.

6.Standardista Table Sorting

7.Mootable Sorting.

hope u like this collection,
if you know more then plz add it on Comments ,

List of CSS Galleries

2009-09-23T01:38:00.004+13:00

css is one of the part of web applicaiton, you can say that without css your application is not perfect as per the coding standard.
here is an overview of css-galleries you can explore inspiration from.

CSS Clip

Web Design Inspiration and Gallery

CSS Blast

Russian CSS Showcase

CSS Collection

CSS collection web sites without tables

CSS-Demo

CSS Showcase

CSSBloom

CSS Gallery with Blog’s and Online Portfolio’s

CSS Drive- Categorized CSS gallery and examples

CSS gallery, code samples, tutorials, and moreCSS Collection

CSS Design Yorkshire

A gallery of CSS web design in Yorkshire UK

CSS ImportCSS

The no-frills CSS Gallery

Liquid Designs

Liquid Designs is a gallery of websites designed with liquid layouts using XHTML and CSS

Piepmatzel

collecting best practice web standards design examples

Webdigity

CSS gallery

Web Standards Awards

Awarding web sites that successfully combine form and function

Well Designed CSS Sites

Andy Budds List of well styled sites.

if you know more plz add it on comments more.
thanx

Cannot implicitly convert type 'object' to 'Microsoft.Office.Interop.Excel.Worksheet'.

2009-09-23T00:28:00.001+13:00

on C#, there was an Error when you are using Interop Excel Object:-

Cannot implicitly convert type 'object' to 'Microsoft.Office.Interop.Excel.Worksheet'. An explicit conversion exists (are you missing a cast?) throws up when there is no Explicit casting - (Excel.Worksheet)

Excel.Worksheet oWorkSt =oWB.Worksheets[1];

To

Excel.Worksheet oWorkSt = (Excel.Worksheet)oWorkSt.Worksheets[1];

Getting Local Network Information

2009-09-19T01:49:00.001+13:00

on C# when you are performing any application realated with network and in this case if you want information regarding the local network adaptors or local machines network configuration, then you can use the static method System.Net.NetworkInformation.GetAllNetworkInterfaces. it will returns objects of type NetworkInterface.
The properties of the NetworkInterface object will unravel a rich set of information regarding network configuration and network statistics.

here is Sample Code:



using System.Net.NetworkInformation;

if(NetworkInterface.GetIsNetworkAvailable()){

 NetworkInterface[] nInterface = NetworkInterface.GetAllNetworkInterfaces();

  foreach(NetworkInterface ni in nInterface ){
   string NetworkName = ni.Name;
 }
}

hope it will helps you.

Asp.Net with Ajax

2009-09-11T20:21:00.002+13:00

Before starting with Ajax + asp.net Application you need to do follow.

at first you know how to configure the ajax framwork to your asp.net application
1. configure ajax framwork on asp.net application

2. Sample code

3. Tutorial

4. ajax + .Net Video

5. and if you have any question please ask Here

6. AJAX Application Architecture

7. ASP.NET AJAX 4.0 Preview 4

hope it will helps you.

Telos SE7EN next generation application framework

2009-09-10T23:11:00.002+13:00

hi, today i come up with very much new and cool feature of Mircosoft its a Telos SE7EN next generation application framework , its really nice which is base on the Microsoft Surface platform.SE7EN: Green Initiative is designed to provide a secure view of your organizations power and processing efficiency, reporting energy consumption, carbon footprint, and facility benchmark and assessment data sets.

its basically performed using Natural User Interface (NUI). user can do multitasking with the digital content through the natural hands.

refer : 1. http://www.telos.com/solutions/secure%20networks/se7en/green/
2.http://www.microsoft.com/surface/Default.aspx
hope you like it .

Runtime Editing Web.config App.config

2009-09-09T00:20:00.003+13:00

You can Edit web.config and app.config file on run time also.
Web.config configuration files & app.config project item files, which get converted to "ExecutableName.exe.config" at build time, both support the convenient appSettings section with its own read method in the System.Configuration.ConfigurationSettngs class. The appSettings section stores element name / value pairs in the format:

<add key="elementName" value="elementValue" />..... more

Add Feedburner Email subscription to your site

2009-09-07T21:45:00.004+13:00

you have see most of the sites,blogs have there email subscription option on there site basically its useful for the out site reader to directly read our new feed . in this process there are so many third party site , tool are available to do that ,

"FeedBurner is one of them". if you want to add feedburenr account on your site do follow below steps to configure feed burner email subscription tp your site or blog.

Steps.
1. At first you need Feed burner account. if you dont have account with feedburner click here
if you have account with google then also ok, you can use that.

2.now next steps is if your new FeedBurner user then you have to burn your feed at first,

3.now you burned a feed to your site or blog.

4.now configure your site or blog to show fedburner url for that you have add some htmlcode in your back end,to retrieve this code you need to select publicize > Email Subscription

5.click on that link it , in that page you will get one form tag code simply copy that code and paste it on your site or blog.You can even select your blog type like (Typepad, wordpress, blogger) and it will automatically take to widget option for corresponding blogs system.

6.now u finish with the coding part , open that page and enter your email id and click subscribe , that it..

if you want to Subscribe my blog click here , you will get the updates of my blog via email
thank you.

jquery Fadein Fadeout Effect

2009-09-05T00:07:00.006+13:00

Jquery has Great features , here are some collections of Fade Efects , fade effect is very popular on most of the web application , mostly you can use that for image gallary ,animation and so many purpose. Fade in - Fade out is also one of them.

try this example hope you like it .

Example of Fade in and Fadeout

1.CrossSlide
Cross-site is a plugin which is mostly used to show animation,Slide-show effects but in very nice manner you can do that animation on left side ,zoomin-zoomout like features are there.

2.
Slide Show(Semi-Transparent Caption)
in this slide show you can add a caption about that images its look very nice, you can do that using css,html and javascript.

3.Supervised
this is fullscreen sildeshow/background plugin it has some great features like on hover it get pause,cycle preloading,Resizes images

4.JQuery with InnerFade
its a very small plugin basically used inside the container. you can add anything with this like images , list-items ,div and many more.

5.Cycle Plugin
its a very lightwaight slidshow plugin , basically implment on innerfade , it has may combinations like shuffle images,zoom , fadeturnout, turnover, and so on

6.Hover Fade

7. Pikachoose
its just like a Presentation control on which you can show slideshow, navigation buttons and pause , play stop option ,implemantation of pikachoose is very simple.

8.an image Gallery
simple image gallery ,with auto play options.

hope it likes you.

Color Tools For Web Designers

2009-08-29T19:13:00.001+13:00

Color is very basic key in web development , to identifying exact color or color name is very tedious , so its better you can use the Color tools that can help you to find out the matching color or your required color palette.

here are some list of sites providing best color tools for web designer to make desing very atractive.

1-Colr.org

2-Color Wheels

3- Color Palette Generator

4-list of Web 2.0 Color Palette

5-Color Blender

6-ColorDB

7-Color Hunter

hope you like this tools
happy coloring ...

Visual Studio 2010 for Web Developer

2009-08-29T18:23:00.000+13:00

New version of VS 2010 get announced with new features and new look for web devlopes. they are mostly focusing on Dynamic data, MVC arch. and other great feature of Silverlight and some more runtime functionality get added.

Overview of Visual Studio 2010 - wed Development
Here is the Key area:
- Source View
- Web Development
- Desing View
- DB Deployment

On the Source view they are ading Html Snippets and some more features of Jscripts Intellisense.
on Web Development process some more web.config Trasformation features and web1 -click features.
and on Desing view - improve the CSS2.1 Supoort and some advance features.
DB Deployment get handle the Packaging and Deploying the databse with your applications

- You can view the presentation at PDC on this Topics
http://channel9.msdn.com/pdc2008/TL48/ (77.32 mins)

- yes you can download the beta version of Vs2010 from here
http://www.microsoft.com/downloads/details.aspx?FamilyId=922B4655-93D0-4476-BDA4-94CF5F8D4814&displaylang=en

you can find more on Visual Studio, Visual Studio 2010 ,VS,VS 10,Web Application Projects,WAP,Web Deployment,MSDeploy

hope you like this .

How to Make a Password Strength Meter

2009-08-25T01:47:00.002+13:00

Password Strength checker is one of the popular & most useful service is there. you have seen on most of the sites they are given some thing like password checking meter in that you can see how Strong your password is ?

on Google Registration page you can see on Password textbox ones you enter the password it will show you how string your password is , and depend on that you can change it or keep it as it is .

now come to the point how we can implement this on your Application.

- you can download Dome.html file from here

- and Javascript file from here

Put your js file on your <head> Section and then call it

hope it will helps you

How to Redirect a Web Page

2009-08-18T18:28:00.000+13:00

Redirecting is one of the technique to move from one location(site or web page ) to another. we have several other way to redirect the pages we can also use IIS or by programetically we can do that .

ways to Redirecting
1. IIS Redirect
2. ASP redirect
3. ASP.NET redirect
4. 301 Redirect
5. JAVA redirect
6. PHP redirect
7. CGI redirect
8. htaccess Redirect

1. IIS Redirect

- while redirecting with IIS its very easy to do, open the IIS , Select proper folder you want to redirect
- select radio buttion on "Redirection to URL "
- enter page name
- select "The exact url entered above" and "A permanent redirection for this resource"
- click apply

2. ASP redirect
on Asp redirect its very simple need to mention the page name


 <%
   response.redirect "Redirectpagename.asp"
 %>

3.ASP.NET redirect


private void Page_Load(object sender, System.EventArgs e)
{
 Response.Status = "301 Redirect";
 Response.AddHeader("Location","http://www.enter-new-url-here.com");
}

4. 301 Redirect

301 Redirect is one of the Best and Friendly method for webpage Redirection. it will not affect your webpageranking also,if you want to move page or change page around then its a safe and secure method to do .
You can also test your redirection with "Search Engine Friendly Redirect Checker"
there are lot of free tools are availble on net

5. JAVA redirect


<%
response.setStatus(301);
response.setHeader( "Location", "http://www.new-location-come.com/" );
response.setHeader( "Connection", "close" );
%>

6. PHP redirect


<?
Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://www.new-location-come-here.com" );
?>

7. CGI redirect


$urlvar = new CGI;
print $urlvar->redirect("http://www.new-location-come-here.com/");

8. htaccess Redirect

.htaccess is one of the way also you can redirect your webpage or old domain name to new domain name also. we have to place the .htaccess file on Root directly of your old website.

RewriteRule (.*) http://www.newdomaainnamecomeshere.com/$1 [R=301,L]

but there is some limitation this .htaccess method will only worrks on Linux server.

ASP.Net base Free CMS

2009-08-12T19:09:00.001+13:00

There is a Free CMS ( Content Management System) system which allows you to Submit the Content without having more or technical knowledge of HTML or knowledge realted with the Uploding the file to the server.

Here are the free asp.net base Systems-

- Kentico CMS
- AxCMS.net
- DotNetNuke
- Sitecore Xpress

with Open Source .

- SharpNuke.NET
- TheBeerHouse: CMS & E-commerce Site Starter Kit
- Rainbow

Free CMS,Open Source Asp.Net Projects

Get Temporary Folder using .Net (C#)

2009-08-11T00:45:00.000+13:00

In asp.net we need Temorary folder to add logs while execution of the Program, or you can sa any other purpose also like Storing files means we have .zip file and we want to access one of the file from that zip file so at first i will simply decompress it and store it on Temp folder and from them i will simply access it.

In this case Folder location is different from OS to OS , here you can get how to get the
temp folder path using C#



     String Path;
      Path = Path.GetTempPath();
      Response.write("Temp Path is -"+ Path);

C# Temporary Folder, Temporary Folder using .NET (C#)

Silverlight Installation Steps.

2009-08-07T19:04:00.001+13:00

For long year back, if we want the animation on webpage then it has been very restricted
and for that we have to use gif, flash or any other type of animation .But now Microsoft has introduce new product call "Silverlight".

Silverlight is basically a new cross-browser and cross-platform of .Net Framework for Media experience and RIA for the web.Currently there is Silverlight 3.0 Version is going on.

There are some Cool features with New Release Silverlight 3.0
. Printing
. Support to PDF
. Database synchronization
. 3D
. Blend modes
. Install Silverlight on Desktop
. Access all HardDrive
. Supoort to USB
. Frame base Animation

and much more..

Steps to install the Silverlight.

1. Install the Silverlight on your machine if you dont have that then download it from
follow link
Download Silverlight

2.it will open Microsoft silverlight installation page

3.now click on install to download the silverlight plugin

4.ones the installation get finish Restart your Browser.
( it will work on all the browsers like Mozilla, opera , IE , netscape)

steps to uninstallation of silverlight

1. Go to Control panel , open Add and Remove Program

2. Choose Microsfot Silverlight opetion and click on Remove

There are lot many things are there in Silverlight
Below are the useful for Silverlight.

- Microsoft Silverlight Site
- Silverlight Forums
- Learn Silverlight
- Silverlight Examples

hope it will help you.

Create a Video player using Silverlight

2009-08-05T22:41:00.000+13:00

Here is very cool and clean Example on how to Create a Video player using a
"Silverlight 2"

Create a Video player

check userid already exists or not when register.

2009-08-05T21:58:00.000+13:00

hi, we have seen most of the website showing a message "user all ready there please use

something else" like such kind of message,
now how to trace that? there are lot many ways to show such kind of message to user without

redirecting to another page. In this case you can use Either JavaScript / JQuery / Ajax

Here i am using JavaScript to do so. below example will clear you.
on Html panal put this code


 <asp:TextBox ID="CusID" MaxLength="15" TabIndex="1" runat="Server"></asp:TextBox>
 <asp:Button ID="Submit" TabIndex="25" Text="Submit" runat="Server" OnClick="Submit_Click" />

and on Codebehind paste this


    
    SqlDataReader dr;
    SqlCommand cmd = new SqlCommand();
    String Msg;

    protected void Submit_Click(object sender, EventArgs e)
    { 
        cmd.CommandText = "select id from loginstat where cusid=@cusid";
        cmd.Parameters.Add(new SqlParameter("@cusid",CusID.Text));
        dr = cmd.ExecuteReader();
        if (dr.HasRows)
        {
            Msg = "<script language=javascript>alert('User ID allready Exists '); </script>";
            ClientScript.RegisterStartupScript(this.GetType(), "Msg", Msg);
            dr.Close();
        }
        else
        {
            dr.Close();
            string StrSql = "insert into loginstat(id) values(@id)";
      cmd.Parameters.Add(new SqlParameter("@id", CusID.Text));
      cmd.CommandText = StrSql;
            cmd.ExecuteNonQuery();
            dr.Close();
        }
        dr.Close();
    }

Like this way also you can check and cusid not found on database then it will insert that recrod into database.

How to get Current Page Url

2009-08-04T01:15:00.000+13:00

in asp sometime we required current page URL, if u r using JavaScript then u can easily get it by using location.href or one way is HTTP_REFEREL but it will give you Previous page name

now look at here how we can get the Current page URL


 < %

 function pageurl()

 serverName = Request.ServerVariables("SERVER_NAME") 
 ScriptName = Request.ServerVariables("SCRIPT_NAME") 
 
 if Request.ServerVariables("HTTPS") = "on" then secure = "s"
 
 prt = strleft(LCase(Request.ServerVariables("SERVER_PROTOCOL")), "/")  & secure
 
 if Request.ServerVariables("SERVER_PORT") = "80" then
   port = ""
 else
   port = ":" & Request.ServerVariables("SERVER_PORT")
 end if 

 pageurl = prt & "://" & serverName & port & ScriptName 

 end function

 %>

Here is a function which will generate pageurl to call this use


  <% response.write (pageurl) %>

if page had Querystring you can also retrive that like this


 < %
   Qstring = Request.ServerVariables("QUERY_STRING")
   response.write(pageurl() & "?" & Qstring )
 % >

hope it will helps you.

YouTube API in C#

2009-08-01T02:06:00.002+13:00

Now you can add the YouTube Video Feature into ASP.NET Web page, there are so many

customization option on it.
There are the : -

1. API enables selecting the item from the playlist
2. setting the autoplay mode and object size (W/H)
3. Start up options could be set by using Web Query as an example, the following query sets

autoplay option and selected item index=2

(see the sample screenshot following):
http://www.webinfocentral.com/RESOURCES/YouTubeMusicVideo.aspx?item=2&auto=1

for more Demonstration and code

merge the header row for the GridView control

2009-07-30T01:45:00.000+13:00

some time we want to merge the Gridview Content as well as the Header also ,it was very easy in html you need to simply add the Colspan attribute and with the help of that you can set is (2, 3 )what ever you want.

Here is the way you can do that same thing in C#


 <asp:gridview id="GridView1" runat="server" allowpaging="True" autogeneratecolumns="False"
 datakeynames="ProductID" datasourceid="SqlDataSource1" onrowdatabound="GridView1_RowDataBound">
 <columns>
  <asp:boundfield datafield="ProductID" headertext="ProductID" insertvisible="False"
   readonly="True" sortexpression="ProductID" />
  <asp:boundfield datafield="ProductName" headertext="ProductName" sortexpression="ProductName" />
  <asp:boundfield datafield="CategoryID" headertext="CategoryID" sortexpression="CategoryID" />
  <asp:boundfield datafield="CategoryName" headertext="CategoryName" sortexpression="CategoryName" />
 </columns>
</asp:gridview>
<asp:sqldatasource id="SqlDataSource1" runat="server" connectionstring="<%$ ConnectionStrings:NorthwindConnectionString %>"
 selectcommand="SELECT [ProductID], [ProductName], [CategoryID], [CategoryName] FROM Product_Details">
</asp:sqldatasource>

and here is CODEBEHIND Source



protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
 GridViewRow gvr = e.Row;

 if (gvr.RowType == DataControlRowType.Header)
 {
  GridViewRow row = new GridViewRow(0, 0, DataControlRowType.Header, DataControlRowState.Normal);
  
  TableCell cell = new TableCell();
  cell.ColumnSpan = 2;
  cell.HorizontalAlign = HorizontalAlign.Center;
  cell.Text = "Product";
  row.Cells.Add(cell);

  cell = new TableCell();
  cell.ColumnSpan = 2;
  cell.HorizontalAlign = HorizontalAlign.Center;
  cell.Text = "Category";
  row.Cells.Add(cell);

  GridView1.Controls[0].Controls.AddAt(0, row);
 }
}

jQuery Lightbox-Clones Plugin

2009-07-30T00:00:00.001+13:00

1.jQuery FancyZoom


$(document).ready(function() {
   $('a.zoom').fancyZoom();
});

here is a Zoom Effect plugin , this will shows the Content realted with the id Refrence and

the href of the mention tag.

DEMO

DOWNLOAD Here

2.FancyBox

FancyBox is one of the Great among Lightbox clones. its also very easy and smooth in

animation. there are some cool animation Effects:
- you can easity cutomize it
- you can also group realted item

here is sample code to do so.


$(document).ready(function() { 
$("p#Ver1 a").fancybox(); 
$("p#Ver2 a").fancybox({ 'hideOnContentClick': true }); 
$("p#Ver3 a").fancybox({ 
 'overlayShow': true,
 'zoomSpeedIn': 0,
               'zoomSpeedOut': 0
               
}); 
});

DEMO

DOWNLOAD Here

3. Pirobox
this is also cool and with more features.
but before that download the below dependancies

1. css_pirobox/pirobox.css
2. pirobox_packed.js
3. js/jquery1.2.6.js

DEMO
DOWNLOAD Here

4.ThickBox

thickBox is a UI dialog widget which is written in a Javascript , with cool feature in that you can show single image, multiple image, inline image and so on other feature

Feature : -
1 - Thinkbox was build with LightWeight Jquery Library
2 - Hide form elements in IE 6
3 - You can easily resize also.

DEMO
DOWNLOAD Here

5.NyroModal

Feature : -

1 - Ajax call
2 - Form
3 - Iframe
4 - Manual call
5 - Error Handling
6 - Esc key to exit

DEMO
DOWNLOAD Here

hope u like this collection , if u found out more then plz reply here or feel free to drop an comments

Select Recods from Checkbox and Preform operation Delete or Move .

2009-07-29T19:13:00.000+13:00

hi,
again i come up with new tricks of GridView in that you can Delete / Update / Move
seleted records from Gridview, take a Example of Gmail inbox it shows total number of mail on your "Inbox" in that have a option like Delete , move to another folder , Delete all , and so on, same feature you can add in your Gridview

look at the Below Example hope u like it .
Steps
1.using javaScript we can select Or deselect the record from GridView



<asp:GridView ID="GridView1" datakeyname="Mailid" runat="server" 

DataSourceID="Sqldatasource1">
<Columns>
<asp:TemplateField>
<HeaderTemplate>
     <asp:CheckBox ID="CheckAll"  runat="server" onclick="return check(this);"/>
</HeaderTemplate>
<ItemTemplate>
    <asp:Label ID="MailID" runat="Server" 
    Text='<%# DataBinder.Eval (Container.DataItem, "MailID") %>'
     />
    <asp:CheckBox ID="DeleteRec" runat="server" onclick="return check(this);"/>
</ItemTemplate>
</asp:TemplateField>

</asp:GridView>
<asp:SqlDataSource ID="Sqldatasource1" runat="server"
 SelectCommand="Select MailId,MailBody,Date,To,From from MailInbox"            
ConnectionString="Server=MailEngine;uid=sa;password=;database=Inbox">
</asp:SqlDataSource>

2. we have Button Which act as a Delete /Move / Upadate Operation.


 <asp:Button ID="Button1" OnClientClick="return confirmMsg(this.form)"
Text="Move" OnClick="Button1_Click" runat="server" />

3. Javascript code which can check the if any of Coloum get Select or Deselected.


function check(Val)
{
  var MailChecked = Val.checked;
  var MailId = Val.id;
  var frm = document.forms[0];

  // Loop through all Records in GridView

  for (i = 0; i < frm.length; i++)
  {
    // Also Check if the Heder Template Option get Checked or Not
    if (this != null)
    {
      if (MailId.indexOf('CheckAll') !=  - 1)
      {
        // Now check if Header template checkbox is Checked so it will Delete/Move all the 

Records ,
        // Then select or deselect datagrid checkboxes
        if (MailChecked)
          frm.elements[i].checked = true;
        else
          frm.elements[i].checked = false;
      }
      else if (MailId.indexOf('DeleteRec') !=  - 1)
      {
        // Check if any of the checkboxes are not checked, 
         and then uncheck top select all checkbox
        if (frm.elements[i].checked == false)
          frm.elements[1].checked = false;
      }
    } 
  } 
}

4.Now we can Configure Move/Delete Configration Message .


function confirmMsg(frm)
{
  // Now Again gone through the All the Gridview Elements
  for (i = 0; i < frm.length; i++)
  {
    // Check for checkboxes only
    if (frm.elements[i].name.indexOf("DeleteRec") !=  - 1)
    {
      // Show Alert message to End user to Really want to Delete / Move .
      if (frm.elements[i].checked)
      return confirm('Do you really want to Move/Delete Seleted Item')
    }
  }
}

5. on CodeBehind Button1_Click Event Perform the Action.


protected void Button1_Click(object sender, EventArgs e)
{
 bool chkBox = false;  
 string GvID = "";
  
  //Check each row in GridView for Select ot not.

  foreach (GridViewRow gv in GridView1.Rows)
  {
    CheckBox MoveSelectedCheck = (CheckBox)gv.FindControl("DeleteRec");
    if (MoveSelectedCheck.Checked)
    {
      chkBox = true;
      // add the Seleted item with (;) so it can delete that or Move that 
      GvID += ((Label)gv.FindControl("MailID")).Text.ToString() + ",";
    }
  }
 
  SqlConnection conn = // Define Connection String. 
  if (chkBox)
  {
    try
    {
      // Suppose Folder name or Lable name is (OldMail)
      string MoveRec = "Update MailBox set Label ='+ OldMail +' where MailID IN (" +
      GvID.Substring(0, GvID.LastIndexOf(",")) + ")";
      SqlCommand cmd = new SqlCommand(MoveRec, conn);
      conn.Open();
      cmd.ExecuteNonQuery();
      GridView1.DataBind();
    }
    catch (SqlException err)
    {
      Response.Write("Error at :-"+err);
    }
    finally
    {
      conn.Close();
    }
 
  }
}

Like this you can Perform Deletion or Updataion or Moving Oepration ,
if you are Deleting Records then its very easy you can use Delete query
if it is Updation use Update query .But in the case of Moving just like (Gmail inbox ) you have one option you can set the Status of that Seleted Mail as (Name of Folder) just like (Label part in Gmail )

and when you get click on that lable do code such that, Check if the any records from Gridview are Marked as (Lable name ) and you query according to same.

plz comment on it , if u have any query .......
Happy coding,

Parsing RSS feeds with XMLHttpRequest Object

2009-07-29T01:01:00.001+13:00

You can parse RSS feeds with thehelp of XMLHttpRequest Object means using javascript or ajax

or jquery . what you have to do in this case is ones you ot the Xml Object you can traverse it

via DOM (Document Object Model).

here is some example which shows how u can done xml Parsing


<script type="text/javascript" language="javascript">
var XMLObjString = '\
<rss version="2.0">\
<channel>\
   <title>Test</title>\
   <link>http://www.xyz.com/</link>\
   <description>RSS Feed</description>\
   <language>EN</language>\
   <image>\
      <url>http://www.xyz.com/images/test.gif</url>\
   </image>\
   <category>JavaScript</category>\
   <item>\
      <title>5:20 PM 7/28/2009</title>\
      <link>http://www.xyz.com/index.html</link>\
      <description>
            This is index page | Message at : 5:24 PM 7/28/2009
      </description>\
   </item>\
</channel>\
</rss>';


// Now convert string to XML object

var xmlobj = (new DOMParser()).parseFromString(XMLObjString, "text/xml");

// set the reference to the root-element "rss"
var root = xmlobject.getElementsByTagName('rss')[0];

// like that you can set reference to "channel" element
var channels = root.getElementsByTagName("channel");

// find all the "item" tags in the channel
var items = channels[0].getElementsByTagName("item");

// in the "item" find the Description to get the Desc also.
var descriptions = items[0].getElementsByTagName("description");


// you can also get the actual description as string
var desc = descriptions[0].firstChild.nodeValue;

// now split the string - description is element 

var Descarray = desc.split("|");
var Message = Descarray[1];

// now we have the RSS data we want as strings
alert(Message);

</script>

Now you can get the data at "alert(Message); tag you can use it whenever you want

Jquery form Post request

2009-07-28T01:23:00.000+13:00

hi , i have seen this on many website without refreshing a webpage directly value get upadted
how it can be happen? yes its possble with the AJAX / Jquery because it use XMLHttpRequest Object

here is my Example on how you can achive this using Jquery

Steps

1. Add the Jquery liblary in <head> Section
you can download jquery library from here

2. now supoose if we change the price from dropdown the Event should occur .


<select name="Price" id="Price" onchange="update()">
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
</select>

3. Now create a function update()


function update()
  { 
     txtQty =  document.formname.price.value;
  
      $.ajax({
     type: "GET",
     url: "update.asp",
     data: "Price="+txtprice+"&id="+id,
     success: function(msg){
          $("#ShowPrice").html("<font color="red">Price updated as</font>"+(price)+");    
    }    
     }, 
     error: function(msg){
     alert( "Error :" + msg);
     }
   });
  }
 </script>

4. Now create "update.asp" page in that get the request and update the records and send yes or no message to main page

5.here is complete example.



 <html>
 <head>
 <title> Jquery Example </title>
 <script language="javascript" src="js/jquery-1.2.3.js" type="text/javascript" ></script>
  <script language="javascript" type="text/javascript" >
  function update()
  { 
     txtQty =  document.formname.price.value;
  
      $.ajax({
     type: "GET",
     url: "update.asp",
     data: "Price="+txtprice+"&id="+id,
     success: function(msg){
          $("#ShowPrice").html("<font color="red">Price updated as</font>"+(price)+");    
    }    
     }, 
     error: function(msg){
     alert( "Error :" + msg);
     }
   });
  }
 </script>
 </head>
 <body>

 <b>Update Price </b>
 <br> 
 <form name="formname" >
 <select name="Price" id="Price" onchange="update()">
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="400">400</option>
</select>
 <br />
 <input type="text" ID="ShowPrice" value="">
 <input type="submit" value="submit">
 </form>
 </body>
 </html>

Localizing SiteMap in Asp.net

2009-07-27T22:19:00.000+13:00

In Asp.net 2.0 we have a good feature which is Localizing SiteMap .
the are ways to add the localization to you'r site map when you are using xmlSiteMapProvider

you can do that via Explicitly and Implicitly also .

using Explicitly

<asp:textBox id="Exp" Value='<%$ Resources: Common, Textgoeshere%>'...> </asp:TextBox>

using Implictly

<asp:Label ID="Impl" meta:ResourceKey="sometext" ... />

You can also use Programmatically by calling to page.GetLocalResourceObject(...) or Page.GetGlobalResourceObject.

and this will control all . The menu and Sitemap can be linked to the SiteMapDataSource. we can also localized sitemapitself like that you can do this

At first Set the attribute enableLocalization="true" . Now add thje resourceKey Attribute to all the SiteMapNode element that you want to Localize.

Implicit version of Localization


 <siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" enableLocalization="true">

  <siteMapNode title="Root" description="Description on Link">

    <siteMapNode url="~/Default.aspx" title="Index" resourceKey="Index" description="Main Page" />

    <siteMapNode url="~/Update.aspx" title="Update Resource" resourceKey="Update" description="Update Record" />

    ...

  </siteMapNode>

</siteMap>

You can also add the Explicit Version by adding all the resources like title,Description to the resx file by using ResourceKey Property
like Index.title and Index.Description.

now as per the Example of ResourceKey file .

in this file you can get file name could be a resourceKey + "." + Property of siteMap node. you can update that part with the following explicit expressions way


 <siteMapNode url="~/Update.aspx" title="$Resources: SiteMapResourceFile, UpdatePosting" ...="" />

in this case Your resource file should be located in App_GlobalResources and that must be call ClassName.culture.resx

garbage collection in C#

2009-07-25T00:52:00.000+13:00

Now programmer need not worry about memory management because garbage collection is one of the Great feature is included in asp.net, java ,j2se and all programming language . which will handle the memory and distroy the objects and all.

Garbage collector runs when the .Net environment determines that it is required to run. However, you can force the garbage collector to run by calling the GC.Collect() method. there are no guarantees that an unreferenced object will be disposed in the first run of the garbage collector. Objects that do not have a destructor or finalizer get removed in a single pass, whereas objects with destructors need two passes to be disposed. at first it get call the destructor and at the second part it will delete that perticular object.

The .Net Garbage Collector is optimize for following situation.
1. Objects that have lived the longest are least likely to be become free.
2. Objects allocated together are often used together.
3. Objects that were recently allocated are most likely to be freed.

for Distroying purpose we have Finalizer Method which works as:

in C#, the finalizer is a protected method as shown below



  protected void Finalize()
  {
    base.Finalize();
  }

but Instead of declaring a Finalizer, exposing a Dispose method is considered as good.

Dispose

by calling GC.SuppressFinalize() we can dispose memory like


  public void Dispose()  
  {
     GC.SuppressFinalize(this);
  }

but in The Microsoft.NET CLR (Common Language Runtime) requires that all resources be allocated from the managed heap. You never free objects from the managed heap-objects are automatically freed when they are no longer needed by the application.

Garbage collection in .NET is done using tracing collection and specifically the CLR implements the Mark/Compact collector.

there are two phases :

1)Find memory that can be reclaimed.
2)Move all the live objects to the bottom of the heap, leaving free space at the top.

at last we can say GC is necessarily slower than manual memory management.Programs with GC are huge and bloated; GC isn't suitable for small programs or systems.

File upload using ASP

2009-07-24T23:02:00.000+13:00

while designing web form (like client Registration) we required some upload kind of
control ,for that here is a best example to do this

here u can upload (text file , image , pdf , video) and all

steps

1. open config.inc file and set the path from where u want to access file

strFolder = "C:\upload\files"
2. Specify the file size , 0 will give unlimited file size
lngFileSize = 10000

3.if you want to excluded the specify the files to be excluded and must be set to blank ("") if none are to be excluded
strExcludes = ""

4. if you want to include file then specify the file extension to be allowed
strIncludes = ".gif;.jpg;.mp3"

here is the complete source code of file upload

Iframes and jQuery - Working with an iframe's parent

2009-07-22T19:06:00.000+13:00

Use iframe and Jquery to open another window in it self .This actually may be more desirable as it is simpler and works in more browsers (Firefox, Internet Explorer, Opera 8.54+ tested)



$( function() {
   var p = parent;
   $("a").click( function() {
       p.$("#myinput").val("Anchor clicked: " + this.href);
       return false;
   })
})

disable Back button of a browser?

2009-07-18T00:41:00.000+13:00

Most of time we want to disable the " Browser Back" button due to some security reason or any

other purpose.

there are some tech. to do this .

You can use the location replace method when changing the location.



  <script language="JavaScript">
  <!--
    if (document.images)
       location.replace('http://www.xyz.com/login.html');
   else
       location.href = 'login.html';
   //-->
  </script>

You can load the new location into another window, and then close the old window:


  <script langauge="JavaScript">
   <!--
   function newWindow(Nameoffile,windowName) 
   { 
      msgWindow=window.open(fileName,windowName); 
   }
   //-->
 </script>
 <a href="javascript:newWindow('welcome.html','window1')">Open Window</a>

open in the next window:


   <a href="login.aspx" target="_blank">New User Login </a>

You can open a window without a toolbar and Disable backButton from Keyboard and

Rightclick


 <script language="JavaScript">
 <!--
   msgWindow=window.open('Login.aspx','windowName','toolbar=no');
 //-->
       </script>

You can add code to the previous page to force the browser to go forwards again:



<script language="JavaScript">
 <!--
  javascript:window.history.forward(1);
//-->
  </script>

There is no direct way to catch the back button event, so you have to play with javascipt to do so.

happy coding ........

Welcome to Google App Engine for Java!

2009-07-17T22:27:00.000+13:00

Google announced the new features for Google App Engine (GAE), but the most important one is the support for Java. Java Developers can use GAE for their applications with small changes. (may be big changes due to datastore restrictions.

10.000 developers can have an early access to GAE for Java through this link : http://appengine.google.com/promo/java_runtime

There are also additional feautures as :

* App Engine’s early look at Java™ language support includes a Java runtime, integration with the new Google Web Toolkit 1.6, and a Google Plugin for Eclipse
* The Google Secure Data Connector enables centrally-managed access to on-premise data from Google Apps
* The database import tool makes it easier to move gigabytes of data into App Engine (and export functionality is coming within the month)
* Cron support can execute scheduled tasks like report generation and DB clean-up at regular interval.

This new announcement may lead to change in GIS area, like implementing the GeoServer for GAE or other 3th party GIS tools for GAE

10.000 developers can have an early access to GAE for Java through this link :
http://appengine.google.com/promo/java_runtime

There are also additional feautures as :

App Engine’s early look at Java™ language support includes a Java runtime, integration with the new Google Web Toolkit 1.6, and a Google Plugin for Eclipse

The Google Secure Data Connector enables centrally-managed access to on-premise data from Google Apps

The database import tool makes it easier to move gigabytes of data into App Engine (and export functionality is coming within the month)

Cron support can execute scheduled tasks like report generation and DB clean-up at regular interval.

This new announcement may lead to change in GIS area, like implementing the GeoServer for GAE or other 3th party GIS tools for GAE

google app engine google app engine, Java

CSS New look at CSS3

2009-07-16T20:12:00.001+13:00

CSS3 is the new kid in the stylesheet family. It offers exciting new possibilities to create an impact with your designs, allows you to use more diverse style sheets for a variety of occasions and lots more. We created this site because we want to share our experiences of CSS3 with you...

Watch out Preview Preview

Check Is your browser compatible? Test Drive

Module status at Status

import Mail address book using C#

2009-07-07T18:33:00.000+13:00

import Mail address book like gmail,yahoo using C#

Check the .NET Address Book API's of those providers:

Google Contacts Data API
- Retrieving contacts (C#)

Windows Live Contacts API
- Code samples (C#)

Yahoo! Address Book API
- Yahoo! Web Service REST Calls (C#)
- Contacts API URI

example of Microsoft Silverlight Technology

2009-07-06T22:58:00.001+13:00

first time in India when people can watch Indian union budget online.
conomic Times of India is going to use
Microsoft Silverlight Technology to stream live Indian union Budget.

Watch Live

Here you can see best example of Microsoft Silverlight Technology.
you can also get more on
how to work on SilverLight and how it get implement .

jQuery.Collection

2009-06-30T22:22:00.001+13:00

This plugin generates generic collection classes, that work almost exactly as jQuery does.
The supported functions are:


add, andSelf, attr, each, end, eq, extend, filter,
  get, implement, include, index, init, is, map, not,
  pushStack, setArray, size and slice.

$.collection is a collection class by itself. So other collections will inherit from it, or its subclasses. The filter() function accepts:
* A function that returns true/false.
* Anything else will be taken literally and compared. Only those items included pass the filter. The filter can be an array of items.
The function .not() works the same way, but matches the opposite.

u can Downloads collection from here:

jQuery.Collection 1.0.3 Zip(all files and docs)

jQuery.Collection 1.0.3 Source(to learn or test)

jQuery.Collection 1.0.3 Minified(recommended)

create new utilities and controls with Yahoo User Interface (YUI) Library

2009-06-30T01:44:00.000+13:00

Hi,
here is the nice collection of Yahoo User Interface Library.

you can Download YUI 3 (Latest version ) from here

YUI 3.0

its really nice collection , There are several utilities are there hope it will helps you,

free xhtmlcss templates

2009-06-25T20:19:00.001+13:00

Here are some nice 38 Free website templates collection

1. Xhtml - Css Templates

will keep on adding ..

Google hosting Javascript Libraries

2009-06-25T19:49:00.000+13:00

Google now offers a service for hosting popular JavaScript libraries, so now it will become very easy to do
So far it hosts jQuery, prototype, script, mootools and Dojo and other...

ou can either load it via the Google AJAX API or the script tag.
The advantage of using the Google API is that it can be used for Google's services as well
(like Maps, RSS/Atom Feeds and Search )

here are the links

Google AJAX API

Google AJAX Libraries API

Ajaxian

Clear Project History from Start page on VS

2009-06-19T22:13:00.000+13:00

hi guys, this is my first trick on my Tips & tricks Category,

hope u like it,

Most of the time we want to "Clear Project List" from Start Page of visual studio.

Here is the steps.

1) Click on Run , Type RegEdit & press enter

2) It will open Registry Editor, then navigate to HKEY_CURRENT_USER\Software\Microsoft\VisualStudio \\ProjectMRUList
then delete unnecessary list.

3) do same task for "FileMRuList."

4) plz make sure not disturb other key from the registry.

That's It,
:)