Languages - Javascript

How to Build a jQuery Treeview


Posted in:

Those of us who are used to GUI frameworks are used to the many components often built in. Everything from textboxes to progress bars are at our disposal. But when you move to the web there are no 'built in' version of many of these building blocks. The treeview has many incarnations on the web, and there is good reason. It is a versatile component, usable in any type of collection management. There are many ways to get a treeview going on the web, but today we will be taking jQuery and making a quick and dirty treeview - one that can be built and used in a matter of minutes.

Read More Icon Read More

Building a Twitter Extension for Google Chrome


Posted in:

Chrome's extension system is far from finished, however I decided to give what they've got a trial run. This tutorial will provide a step-by-step guide on how to build a simple "Tweet This" extension for Google Chrome.

Read More Icon Read More

jQuery Snippet - Relative Mouse Position


Posted in:

For whatever reason, there may be times when the mouse position relative to the page document is just not specific enough. Sometimes you may want the position as it relates to a specific element. Maybe you want the position of something in an image, maybe you are just curious, it doesn't matter. What does matter is that you want those coordinates. Thankfully, with jQuery, we can easily do this.

Read More Icon Read More

How to Build a Star Ratings jQuery Plugin


Posted in:

Lately I've been working with jQuery plugins and I decided to create a tutorial demonstrating how to use the jQuery plugin system to build a simple star ratings control.

Read More Icon Read More

jQuery Custom ToolTips


Posted in:

Tooltips are not the most exciting thing about the web. I mean you hover your mouse over a link or image for a couple of seconds and you get some text describing it. With all the really cool web apps out there, tooltips have lost their touch on the web. But, with a little help from jQuery, we can take these boring tips and replace them with our own fancy ones. Since jQuery is quite an amazing library, we can do this in a snap.

Read More Icon Read More

Using sIFR in Wordpress


Posted in:

Design is important on any project. Anything from the user interface down to the button icons are an important part of the overall design. But when you are on the web, there is one design element that slacks big time when it comes to choices: fonts. Typefaces on the web have been a major complaint of web designers since the web began, and there is no real trend that shows there will be support for more than just web-safe fonts anytime soon. To make things worse, there is not much you can do about the issue. Images seem to be the most widely used and accepted medium for custom type-facing, but today we will discuss another choice: sIFR.

Read More Icon Read More

Javascript Snippet Tutorial - Dynamically Modifying Tables


Posted in:

Whereas we've used Javascript to dynamically modify table contents in a previous tutorial, we've never written a tutorial specifically explaining how it's done. That's where this tutorial comes in. I'm going to demonstrate, through some simple examples, how to dynamically add and remove table rows and cells using Javascript.

Read More Icon Read More

jQuery - Creating a Slideshow


Posted in:

Lately I have been doing a lot with jQuery and one item is a slideshow. Around the web you can find a variety of slideshows, all with slightly different implementations. Well today I am going to add to the already long list with a very simple solution. With the same code you can use this slideshow to display anything you can put into html.

Read More Icon Read More

jQuery - Transmitting Data Using JSON


Posted in:

Sometimes, I sit around scratching my head trying to think of good tutorials to write. This time I am taking a cue from The Tallest. Recently, he wrote the tutorial, Silverlight 2 Transmitting Data Using JSON, which was a direct copy of an earlier post I wrote for Flex - well I decided to do the same thing except use Javascript with jQuery to handle the interaction. Now, I think as far as technologies go I believe it may be slightly easier to do this in Silverlight or Flex. My reasoning behind this is simply because the interface is quicker to layout. Other than that I think that it is just a easy to use jQuery to do this kind of interaction.

Read More Icon Read More

XML Parsing with jQuery


Posted in:

XML is an important part of AJAX. Heck, it's right in the name, "Asynchronous JavaScript and XML", so knowing how to parse XML is equally important. This tutorial will demonstrate how to parse XML using jQuery that should cover almost all cases you'd typically run into.

Read More Icon Read More