Replace the data variables with your service parameters and you should be all set. jQuery makes parsing all that XML really easy as well.

I didn’t think these boats slid around so much. Our driver kept doing all kinds of crazy stuff.

Here are some 10 month old baby gators, they aren’t afraid of humans at this point in their life.

I’ll stick to my current day job.

infoBar is easy to use. Here is what you do:

showInfoBar(‘This is a sample information bar!’);

Once the infoBar shows and the user clicks the close link on the right the hideInfoBar(); function is called. This is automatically wired up. All you have to do is display the bar and everything else just works.

infoBar also resizes when the user resizes the browser and always stays on the top of the browser when the user scrolls the page.

I really dislike doing CSS so its all customizable inside the script. You just need to include it and you’re all set. Feel free to modify my script. Hopefully the next version gets support for an icon on the left and I will fancy up the close link.

Confirmed to work in IE7, Chrome, and Safari.

Demo of infoBar

infoBar at the jQuery Plugin Repository (download available)

Enjoy!

The first thing jQuery offers is the document ready function. This is great because your code will not execute until the DOM is truly ready. Here you can manipulate any elements or execute code. This is much more efficient than using the standard onload event.
[javascript]$(document).ready(function() {
// do stuff when DOM is ready
});[/javascript]
Now you need to interact with an element. This is quite easy. Let’s say we had a link we need to manipulate.

[javascript]<a id=”link”>Click Me!</a>
[/javascript]

Any time that you need to reference an element you simply use $(“#id”). So here are some quick things that we can do.

Change the onclick function:
[javascript]$(“#link”).click(function(){
alert(“You clicked on the link!”);
});[/javascript]
Append content to the link:
[javascript]$(“#link”).append(“New text inside the link”);[/javascript]

Note: When you are checking for the existence or an element do NOT do the following:
[javascript]if($(“#link”)) { //object exist };[/javascript]
This is wrong as each time you use the $(“#id”) convention you are asking for a jQuery object so you will get one even if the element is not there.

To correctly check for the existence of an element use the following code:
[javascript]if ($(“#link”).length > 0 ) { //now we found it } [/javascript]

You can see how easy it is to start manipulating things with this easy to use syntax. This is just the beginning . This is a very powerful framework that also has tons of third party plugins for many specific needs.

For more information on jQuery visit the following links. There is plenty of stuff on there to get anyone started.

jQuery Documentation

jQuery Plugin Repository

More to come when I have time!