Simple jQuery Preloader Plugin

After several searches for a pre-loading plugin for jQuery I came up short – they either did too much and had hundreds of options I didn’t want, or they were packaged with something else had a lot of code I didn’t need. The following plugin will allow you to pass in a selector (div, body, any other element) and pre-load all images within it, the plugin is very lightweight with only 17 lines from start to finish.

Read More

jQuery Hide/Show Button

This is just a small example of how you can use jQuery to make an effective show/hide button(s) on a page with a few lines of code. It will support multiple instances per page and use it with HTML markup, you don’t need to edit the Javascript every time you want to use it. It’s generic and re-usable code.

I have provided a download for the example at the bottom of the page; although all of the needed code is explained and shown further down in the article.

Read More

jQuery ‘AjaxLinks’ Plugin

I previously wrote an article showing how you can turn a normal ‘A’ link into an ajax request and place the returned content into divs. This does the same job but used as a jQuery plugin with more customizable options and flexible use.

The download is at the bottom of the article and the script in the zip file is minified to 1.22kb; the code below shows the full script.

Read More

Google Gears: LocalDB Example

logo_153x43I have recently been playing around with google gears; Gears is an open source project that enables more powerful web applications, by adding new features to your web browser such as interacting with the desktop, storing local data and running Javascript in the background. Here is a simple link manager I created to test out the LocalDB usage.

In this example I have made a link manager, where you can add/delete links from categories – as well as add/edit/delete existing categories. I have been using JQuery to automate some things, so if you use any of this code at all make sure JQuery is loaded beforehand.
Read More

Easy JQuery AJAX Links

jqueryThis is something pretty basic, but I thought it would come in handy for people that might want to use JQuery AJAX but doesn’t want to write a lot of code to do it. The following code will allow you to transform any normal HTML ‘a’ link into an AJAX request just by adding an extra parameter to the HTML tag.

Read More