Category Archives: jQuery

Love in an Elevator

There are many tabs, accordions, scrollers, carousels etc for jQuery but what if I fancy something different. Navigation along the left hand side with an arrow that scrolls between the options and content that slides up and down to match the selected tab. Simple. Getting Started The original idea was to use an unordered list, [...]

Also posted in Development | Tagged , | Leave a comment

HTML5 Canvas Timed Image Gallery

A simple use of the HTML Canvas Element to create a simple pie-chart timer to show when the next image in a gallery slide show will be displayed.

Also posted in Development | Tagged , , , | Leave a comment

Subliminal JavaScript

Ok. So this one’s a little below the belt. Flashing a pop-up message very quickly to the user in an attempt to influence their behaviour. There’s of course no evidence that it works but its fun to try at least…     var shown = false;   $(function(){   $(’input:text’).hover(function(){   if(!shown){   var msg [...]

Also posted in Development | Leave a comment

JavaScript and CSS Pie chart

This started off as an experiment with a combination JQuery and WordPress custom fields. The idea was to total up the distances of all the walks on my other site, a walking blog and make something a bit more interesting than a simple table. An obvious choice would be to use the new HTML5 canvas [...]

Also posted in Development | Leave a comment

jQuery Regex Filter

As an alternative to a database auto suggest which often results in a lot of small database calls over a small period of time I decided to dump all results onto a page and use a combination of jQuery and Regex to filter out the results.

Also posted in Development | Leave a comment

Scrolling Data Tables

Use jQuery and CSS to create a sliding table from large, wide tables to fit in narrow page templates.

Also posted in Development | Leave a comment

Windows 7 Navigation with jQuery

Windows 7, with its new shiny hover-over effect on the nav bar. Is it possible to re-create that using jQuery?

Also posted in Development | Leave a comment