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

INSERT INTO Table2 (col1, col2)
SELECT col3, col4
FROM Table1

Table1
===========
Tbl1_ID (going to assume an auto increment here)
FK_Tbl2_ID
Data_Copy

Table2
===========
Tbl2_ID
Data

Query1: Select Tbl2_ID From Table2 Where Data = 1

For every returned record from query1 it should insert a record into Table1

INSERT INTO Table1 (FK_Tbl2_ID, Data_Copy)
SELECT Tbl2_ID, Data
FROM Table2
WHERE Data = 1

If anyone has seen/done any kind of performance testing on this sort of query would you kindly post them below.

Validation ($SCHEMA$): Element ‘html’
Validation ($SCHEMA$): Element ‘div’
Validation ($SCHEMA$): Element ‘table’
blah.. on and on they went.

The warnings however were not the problem, it was that IntelliSense would stop working when these were present.

How to Fix it

Crazy enough it seems that the default validation for html in Visual Studio 2010 is.. nothing. So nothing validates.

I knew that Microsoft didn’t care about web standards but damn.

Go to Tools > Options > Text Editor > HTML > Validation > select one of the options.

I also disabled the show errors checkbox, mainly because I really don’t care about everything that does not validate.

Basic usage of .animate()

Just for good measure here is the basic usage of the .animate() function. I won’t go to far into this, check out the jQuery API for more.

$("#SomeID").animate({ width: '50px' }, { duration: 500 });

This animates the id SomeID to a width of 50px over 500 milliseconds with a basic linear slide transition.

The “animation” queue. (or so I will call it)

When jquery runs the .animate() function it runs it along side other javascript. This allows me to add multiple animations to a queue and then run one after another instead of all at the same time. For example

$("#SomeID").animate({ width: '50px' }, { duration: 500 });
$("#SomeID").animate({ width: '150px' }, { duration: 500 });
$("#SomeID").animate({ width: '50px' }, { duration: 500 });
$("#SomeID").animate({ width: '150px' }, { duration: 500 });

This code will animate an id from a width of 50px to 150px to 50px to 150px one after another so I see a nice smooth slide from one stage to the next.

Now this code.

$("#SomeID").animate({ width: '50px' }, { duration: 500 });
$("#SomeID").animate({ width: '150px' }, { duration: 500 });
$("#SomeID").animate({ width: '50px' }, { duration: 500 });
$("#SomeID").animate({ width: '150px' }, { duration: 500 });
alert('hi');

Notice the alert appears to run first. This got me until I stopped to really think about the animation queue.

Take a look at this example from learning jquery

$(document).ready(function() {
  $('ul.anim_queue_example1 a').hover(function() {
    $(this).animate({ left: 20 }, 'fast');
  }, function() {
    $(this).animate({ left: 0 }, 'fast');
  });
});

This is a simple hover effect for a list menu. The problem may not be easily spotted at first but try it out. Running your mouse over the menu quickly will cause the queue to fill up with animations and continue running them long after you stop. More then likely not the desired effect.

Brandon Aaron was easily able to fix this by adding a simple .stop() to the functions.

This now gives you this code

$(document).ready(function() {
  $('ul.anim_queue_example2 a').hover(function() {
    $(this).stop().animate({ left: 20 }, 'fast');
  }, function() {
    $(this).stop().animate({ left: 0 }, 'fast');
  });
});

Adding the .stop() function will stop the current animation in the queue before running the next animation and will fix the problem.

Ok, now for the example problem that does not get fixed by calling .stop().

For the next example I am going to be using thepause plugin by Johnathan Howard and posted below

$.fn.pause = function(milli) {
  milli = milli || 1000;
  return this.queue("fx",function(){
    var self = this;
    setTimeout(function(){$.dequeue(self);},milli);
  });
};

Now check out the following:

$("#SomeID, #SomeID2").animate({ width: '50px' }, { duration: 500 }).pause(350);
$("#SomeID, #SomeID2").animate({ width: '150px' }, { duration: 500 });
$("#SomeID, #SomeID2").animate({ width: '50px' }, { duration: 500 }).pause(350);
$("#SomeID, #SomeID2").animate({ width: '150px' }, { duration: 500 });
$("#someID3").hover(function() {
$("#SomeID , #SomeID2").stop().height(50).width(50).animate({ width: '150px' }, 500);
} , function() {
$("#SomeID ").stop().animate({ width: '50px' }, 200);
$("#SomeID2").stop().animate({ width: '50px' }, 200);
});

This example will stop the current animation but when that short pause ends it will continue with the queue and mess with the desired animated effects. To stop this problem is actually pretty easy. To solve it change .stop() to .stop(true, false). This is because in .stop(true, false) the first true is the clearQueue parameter. This will clear all queued actions for the object. Meaning that all the future animations, once delayed, are now removed and will not interfere with the hover event.

More problems

1 more problem I have not looked into solving put probably will have to eventually is the problem of keeping those animations until after the hover is finished. Not every time will I want to completely clear the queue. I could see it being likely that I would want to do something more like the following:

$("#someID3").hover(function() {
$("#SomeID , #SomeID2").pauseQueue().animate({ width: '150px' }, 500);
} , function() {
$("#SomeID , #SomeID2").stop().animate({ width: '50px' }, 200).startQueue();
});

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 );
});

You may be loading the jQuery library like so:

<script src="http://jqueryjs.googlecode.com/files/jquery-1.4.2.min.js" type="text/javascript"></script>

Well if you are then you are doing it wrong.

It was ySlow that told me why. Try changing that one line to the following and take another look at ySlow.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Notice the difference? Google is now gzipping the library when its called from googleapis.com instead of googlecode.com thus lowering the files size drastically.

For those of us that are to lazy to try it out here is the result with the googleapis.com loaded instead of the googlecode.com.

You can see instead of downloading 57.2kb that you would with the googlecode file the gzip compression brings it down to 19kb.

The same rule would apply for other libraries that are hosted by google. such as mootools, or even the jQuery UI.

So next time you go to include the library make sure to do it the right way.

Now I just need to switch all the sites I have that are using it.. such as this one.

After I realized what the bug was, I am sure that many users have come across it before, but for whatever reason none of them submit the bug to me.

Why did it take so long?

I would say on a normal business day i spend 10 hours a day developing (4 10′s is the way to go!). I probably run into 1-2 software bugs, not counting any in my own apps. That number goes way up if the day consists of heavy adobe product usage (fucking flash), up to about 6-10 in a single day. Regardless, I run into lots of bugs and may only report  one every 2-3 months.

Doing the math that means that there is 90-270 bugs I run into before I report 1 of them. Yes some of those are duplicate bugs but still thats a lot of missed reports.

So why do I not report more bugs?

I would consider myself to be part of the target audience who should report software bugs, but I don’t.

• Reporting bugs takes to long

Taking the time to put in enough information for a fellow developer to debug some error takes way to long. I would guess that on average it takes about 10-20 minutes. I personally do not care enough to spend 20 minutes to have point number 2 happen.

• They normally mark it as unreproducible (Microsoft you are terrible at this!)

Over time I have submitted 4-6 bugs to Microsoft, all about visual studio, with as much information as I can, and every single one has been marked unreproducible, then resolved (I don’t know how the fuck they consider it resolved?), then closed. It feels as if I am wasting my time, and because of it I stop submitting any more bugs.

On the other hand, when not dealing with Microsoft, I normally do not receive any kind of notice saying the company received the bug. So again I stop sending them in.

Make sure you respond to your users who are sending you bugs! Otherwise they will end up like myself and stop submitting ANY kind of feedback.

• I have no clue where to report a bug (Adobe)

Personally I hate adobe. Everyday it grows closer to my hate for apple, regardless with the exception of Facebook they seem to be the only major software company to have such buggy software. I cannot use an adobe product for more then a couple hours without it crashing. Flash, and Flash player are the worst!

• I have no desire to report the bug

Sometimes we just have no desire to submit the bug. We couldn’t care less about the software and really don’t want to waste my time submitting the bug.

When you get a bug the user is telling the company that they care about their product, and that want them to fix it!

So don’t get mad about bugs, be glad that users are submitting them.

How can we create a better way to report software bugs?

I have not come across a site that does a better job then grooveshark. On their site they have a feedback button clearly located on every page.

Once you click on this feedback button a very friendly message pops up and asks how you feel about the message and then asks for the message itself. Its a very simple way to get feedback and works great for submitting bugs, feedback, and any other form of general contact to them.

What did this user go through to submit a bug on my site?

This is a valid question that all site owners need to look into. Currently this site (corymathews.com) has a very prominent contact button.

How long did it take you to find it? Odds are, not to long. However when I take a look at the iSearchNotes.com site its not so clear. Take a look at the image bellow.

Do you quickly see a way to submit bugs?

Well if you really looked you would find 2 ways to contact me. You probably semi quickly saw the feedback link in the right, but it may have taken you a while to notice the contact link in the footer.

While this is by no means the best solution I would say that it is sufficient for such a small site as iSearchNotes.com. However as the site grows I will need a more clear way to submit feedback.

How about we take a look at a larger site such as Facebook.

Did you notice that tiny help button in the bottom right corner? I did not think that you would click help to submit a bug. This is like hitting start to shutdown… confusing.

Even after you click on the help button you will come to a screen where you must click suggestions from a large listing of other random crap in order to submit a bug.

Needless to say its way to hard to submit bugs to facebook and facebook is HUGE! There is no excuse for such a large site to be so difficult.

So how hard is it to submit a bug about your site/application? Could you making it simpler?

I quickly created a very basic (and very bad) model of a cup to see how it looked when I exported the cup in the .raw format. You can export a blender model using this format by first selecting the object you want to export (For whatever reason only the selected object(s) will be exported.) Then go to File -> Export -> Raw Faces(.raw). This is what I got after exporting. There shouldn’t be line wraps, however depending on your monitor you may see them. You can download the file in .raw format here.

0.011633 -0.011633 0.011633 -0.001836 -0.016245 0.011633 -0.001512 -0.011633 -0.011633 0.008956 -0.008956 -0.011633
-0.001836 -0.016245 0.011633 -0.011633 -0.011633 0.011633 -0.008956 -0.008956 -0.011633 -0.001512 -0.011633 -0.011633
0.008956 0.008956 -0.011633 -0.001512 0.011633 -0.011633 -0.001836 0.016993 0.011633 0.011633 0.011633 0.011633
-0.001512 0.011633 -0.011633 -0.008956 0.008956 -0.011633 -0.011633 0.011633 0.011633 -0.001836 0.016993 0.011633
0.011633 -0.001745 -0.011633 0.008956 0.008956 -0.011633 0.011633 0.011633 0.011633 0.016943 -0.002119 0.011633
0.016943 -0.002119 0.011633 0.011633 -0.011633 0.011633 0.008956 -0.008956 -0.011633 0.011633 -0.001745 -0.011633
-0.011633 -0.011633 0.011633 -0.016295 -0.002119 0.011633 -0.011633 -0.001745 -0.011633 -0.008956 -0.008956 -0.011633
-0.016295 -0.002119 0.011633 -0.011633 0.011633 0.011633 -0.008956 0.008956 -0.011633 -0.011633 -0.001745 -0.011633
-0.001512 -0.011633 -0.011633 -0.001512 -0.001745 -0.011633 0.011633 -0.001745 -0.011633 0.008956 -0.008956 -0.011633
0.008956 0.008956 -0.011633 0.011633 -0.001745 -0.011633 -0.001512 -0.001745 -0.011633 -0.001512 0.011633 -0.011633
-0.008956 -0.008956 -0.011633 -0.011633 -0.001745 -0.011633 -0.001512 -0.001745 -0.011633 -0.001512 -0.011633 -0.011633
-0.011633 -0.001745 -0.011633 -0.008956 0.008956 -0.011633 -0.001512 0.011633 -0.011633 -0.001512 -0.001745 -0.011633
-0.011633 0.011633 0.011633 -0.016295 -0.002119 0.011633 -0.013645 -0.001861 0.011633 -0.009766 0.009583 0.011633
-0.016295 -0.002119 0.011633 -0.011633 -0.011633 0.011633 -0.009766 -0.009779 0.011633 -0.013645 -0.001861 0.011633
0.011633 -0.011633 0.011633 0.016943 -0.002119 0.011633 0.014015 -0.001861 0.011633 0.009596 -0.009779 0.011633
0.016943 -0.002119 0.011633 0.011633 0.011633 0.011633 0.009596 0.009583 0.011633 0.014015 -0.001861 0.011633
-0.011633 -0.011633 0.011633 -0.001836 -0.016245 0.011633 -0.001613 -0.013616 0.011633 -0.009766 -0.009779 0.011633
-0.001836 -0.016245 0.011633 0.011633 -0.011633 0.011633 0.009596 -0.009779 0.011633 -0.001613 -0.013616 0.011633
-0.001836 0.016993 0.011633 -0.011633 0.011633 0.011633 -0.009766 0.009583 0.011633 -0.001613 0.014044 0.011633
0.011633 0.011633 0.011633 -0.001836 0.016993 0.011633 -0.001613 0.014044 0.011633 0.009596 0.009583 0.011633
0.009596 0.009583 0.011633 -0.001613 0.014044 0.011633 -0.001311 0.010066 -0.007815 0.006850 0.006819 -0.007815
-0.001613 0.014044 0.011633 -0.009766 0.009583 0.011633 -0.007247 0.006819 -0.007815 -0.001311 0.010066 -0.007815
-0.001613 -0.013616 0.011633 0.009596 -0.009779 0.011633 0.006850 -0.007278 -0.007815 -0.001311 -0.010072 -0.007815
-0.009766 -0.009779 0.011633 -0.001613 -0.013616 0.011633 -0.001311 -0.010072 -0.007815 -0.007247 -0.007278 -0.007815
0.014015 -0.001861 0.011633 0.009596 0.009583 0.011633 0.006850 0.006819 -0.007815 0.010067 -0.001513 -0.007815
0.009596 -0.009779 0.011633 0.014015 -0.001861 0.011633 0.010067 -0.001513 -0.007815 0.006850 -0.007278 -0.007815
-0.013645 -0.001861 0.011633 -0.009766 -0.009779 0.011633 -0.007247 -0.007278 -0.007815 -0.010071 -0.001513 -0.007815
-0.009766 0.009583 0.011633 -0.013645 -0.001861 0.011633 -0.010071 -0.001513 -0.007815 -0.007247 0.006819 -0.007815
-0.001311 0.010066 -0.007815 -0.001115 -0.001287 -0.007815 0.010067 -0.001513 -0.007815 0.006850 0.006819 -0.007815
-0.001115 -0.001287 -0.007815 -0.001311 -0.010072 -0.007815 0.006850 -0.007278 -0.007815 0.010067 -0.001513 -0.007815
-0.007247 0.006819 -0.007815 -0.010071 -0.001513 -0.007815 -0.001115 -0.001287 -0.007815 -0.001311 0.010066 -0.007815
-0.010071 -0.001513 -0.007815 -0.007247 -0.007278 -0.007815 -0.001311 -0.010072 -0.007815 -0.001115 -0.001287 -0.007815

Basically, if you haven’t already noticed, it is 4 sets of x,y,z points. You will not get any of the materials when you export the object only the polygons.

Now that we have our object we will need to be able to display it using opengl. First we must read in and store the points.

CupVectors[3][4][33];

ifstream cupFile;
cupFile.open(“cup.raw”);

for(int z=0;z<=32;z++)
for(int y=0;y<=3;y++)
for(int x=0;x<=2;x++)
cupFile >> CupVectors[x][y][z];

cupFile.close();

Pretty simple code. Store the points, open the file, loop through the points, store the points, close the file.

Now that the cup vertex points are stored we are able to easily display them in opengl with another small loop that will create the triangles and save them in our display list.

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.