Archive for the ‘JQuery’ Category

A really really flexible CSS layout

This is a really really flexible layout that does not make use of tables and can be used as either a 1,2 or 3 column layout by simply including or omitting the left and right columns. The content is king, so the content comes first in the html followed by the rest. The structure is [...]

More »

Simple, accessible, standards based and validated Form

We all know that tables are evil and you run the risk of being seriously uncool if you are caught using them. But when it comes to forms they really make cross browser layouts that much easier, which is why there are so many forms that use tables. In the interest of good standards based [...]

More »

jQuery Infinite Loop

After looking around for a while I could not find something that would create a closed loop effect when scrolling through options in a carousel… so i had to build it. There are a lot of gallery type carousels that will left you click left and right to navigate through, but come to a dead [...]

More »

Showing the loading icon when jQuery is waiting for a response

Here’s a very simple method of putting an overlay on the page when you are making an asynchronous call using $.ajax. As the page does not refresh, you need to alert your user that work is actually been done and that they cannot interact with the page until you have finished
The css:

.lightbox_bg {
      [...]

More »

Ajax using .Net and jQuery – Revised and improved with help from Json

I previously wrote a post outlining a simpler method of making asynchronous calls with jQuery. It turns out that in practice that method was exactly that – too simple. It works fine when you only need one value back, but if you need to work with something a little more complex then try out my [...]

More »

An undocumented selector for jQuery – Contains Word

Here’s a useful and as yet undocumented feature of jQuery’s attribute selector, the contains word feature – here’s how it works:
suppose you want to select a series of elements based on a class or rel or whatever. In this case I want to select all the links with the class .mylinks – but only those [...]

More »

Using jQuery to check if all radio buttons have been checked

If you find yourself needing to check if all radio button groups have been checked try this dead simple solution made possible by jQuery:

$(document).ready(function() {
if ($(‘:checked’).length != 5) { alert(‘Please answer all the questions..’); return false; }
});

More »

Ajax using .Net and jQuery

I am not a fan of the classic method of implementing ajax in .net – scriptmanagers and updatepanels. The load on the front end is pretty big (100kb+), especially considering local bandwidth restrictions and challenges. So I set out to find a better way as one does when one feels that something is not quite [...]

More »

Google Analytics and JQuery

Google analytics is fantastic. Add Jquery into the mix and things get even better.
Want a script that will make sure that links to external sites and documents are tracked in analytics? Then look no further!

All external links (links that begin with http:// or https://) will concatenate the current url + /outgoing/ + link href.
All document [...]

More »