<script type="text/javascript">
$(function(){
$("a[href^='http:']").not("[href*=EXAMPLE.com']").attr({ target: "_blank" });
});
</script>

You could also use this same technique to add a small friendly image next to these links  notifying the user they are about to leave the site.

<script type="text/javascript">
$(function(){
$("a[href^='http:']").not("[href*=EXAMPLE.com']").attr({ target: "_blank" }).append(" <img src=\"outLink.jpg\">");
});
</script>

First install URLRewrite on a windows server with IIS7 from  http://www.iis.net/download/URLRewrite

After its installed a new button titled URL Rewrite will be added. Select it.

Under Actions click Add Rule(s)…

Select Rule with URL Rewrite map

Change the Rule Action to Redirect and give it any name you wish it makes no difference what it is.

Then under actions click Add Mapping Entry…

In the Original Value field give the path to the old page without the http://www.example.com in the above example it redirects /oldpage.html to /newpage.html

Keep adding new Mapping Entries for every page you need to redirect.

Yes there are complete CSS solutions to this but it seems that at times they can be problematic, and at other times laziness can kick in.

$(document).ready(function () {
    $("#divID").height($(document).height());
});

//And the slightly more fancy way. With a subtle slide down.

$(document).ready(function () {
    $("#divID").animate({ height: $(document).height() }, 500 );
});

1. Gritter – By:@jboesch

jQuery Grown look-a-like plugin

Plugin Page

Demo

2. jQuery Link Nudging – By: @davidwalshblog

A jQuery Link Nudging Plugin which is essentially a classy, subtle link animation

Plugin Page

Demo

3. Create The Fanciest Dropdown Menu You Ever Saw

Create The Fanciest Dropdown Menu You Ever Saw

Demo

4. ColorBox – By: @jacklmoore

A light-weight, customizable lightbox plugin for jQuery 1.3

Demo

5. Interactive, Filterable Portfolio – By: @JoelSutherland

A jQuery Plugin to Create an Interactive, Filterable Portfolio

Demo

6. Animated Menu Using jQuery

Nice animated menu using jQuery and CSS

Demo

7. jQuery Ajax delete

jQuery Ajax delete

Demo

8. Galleria

Galleria is a javascript image gallery

Demo

9. Easy Slider By: @cssglobe

Easy Slider 1.7 - Numeric Navigation jQuery Slider

Demo

10. Cycle Lite

lightweight slideshow plugin

Demo

11. Notify Bar By: @DmitriSmirnov

shows a notify bar (like on Twitter's webpage)

Demo

12. Animated Tabbed Content – By: @gayadesign

Animated Tabbed Content

Demo

To Stay up to date with more great jQuery Links follow @jQueryLinks on twitter.

On ward to Url Variables.

Url variables is one of the first topics to learn for a new developer wanting to move from static web sites to dynamic sites. Url variables, also called query strings in some languages(asp.net), allow a variable to be passed from one page to another with very little overhead and very little code.

We have all seen the sites, such as mine here, where they have a url such as corymathews.com/?id=12 or something similar. These extra items after the ? are called url variables and I am going to explain what these are, what are they used for, and how do they work?

What are url variables?

Url variables allow developers to  pass multiple values from one page to another in order to display different results every time the same page is loaded. This saves the developer from having to make hundreds of pages which are exactly the same. This is mainly because doing so wouldn’t be very realistic or good for any budget.

How do url parameters work?

Take a look at the following link:

http://www.osguide.net/Software/index.php?p=2

We see a couple different parts. We see the domain osguide.net a directory named Software the current page index.php and then we see a ?p=2. This ?p=2 is a url variable setting the variable “p” equal to 2. In this case its being used as a variable to store the current page for my pagination script on the site, but it could be for just about anything. When the page is first loaded I have programmed it page to look to see if the variable p is declared in the url bar. If it is declared then my page knows to display the corresponding page of results, in this case 2. On the other hand you must always take into account if the url parameter is not declared. In my example here if p was not in the url I would consider this page 1 and thus set p to 1.

A thing to note here is that this url can be rewritten as http://www.osguide.net/Software/?p=2 since the index.php is understood and not actually needed.

What if you want to pass multiple parameters? This can be easily accomplished, with the & symbol. For instance in the previous example If I also wanted to set the variable ‘R’ I would simple use a url like so:

http://www.osguide.net/Software/index.php?p=2&r=3

This can go on and on for as long as you like. Take a look at some of the sites you go to such as gmail, they may pass quite a few different url variables, mainly depending on your browser. All you have to do is keep adding the & in between every variable.

So What are url parameters used for?

Probably most common use for url parameters is to associate the correct information to display from a database. The way this works logically is very simple. A page is set up kind of like a template for content without any “real” content in it. Then from the url variable passed in a query is run on a database and the related page’s contents are returned from the database to be displayed on the page. This allows a developer to create one page to show the details of anything, such as this article, without having to create a different page for every article.

Recently I was introduced to SaveTheDevelopers.org. Their mission is simple

“Save A Developer. Upgrade Your Browser.”

Basically they want to speed up the transition from IE6 to a modern browser.

What makes SaveTheDevelopers.org so much better than the rest is that it is much more professional looking than any other anti-IE6 “movement” site. Most anti-IE6 sites simply bash IE6 and never tell you why other browsers really are better.  

They have made it extremely simple to add their image on your site as well. You simply include one line of javascript in the header of all your pages.