FruitBatInShades Code » JQuery

jQuery equal height columns

fbis — Wed, 12 May 2010 15:19:56 +0000

Sometimes equal height columns via css can be an absolute nightmare! If you’re using jQuery for other items on the page you can cheat with the following function : function setEqualHeight(items) { var highest = 0; items.each( function(){ current = $(this).height(); if(current > highest){ highest = current; } }); items.height(highest); }; It just loops the [...]

Javascript dictionary & getIds

fbis — Sun, 11 Oct 2009 17:14:57 +0000

Coming from a .net background I must admit to missing many of the features that the framework provides like Hastables, Dictionaries and Lists. I've just come up with a really simple dictionary class that I use to hold results from my id parsing routine.

jQuery fbisCalendar

fbis — Fri, 18 Sep 2009 18:36:04 +0000

Here is my first freely available jQuery plug-in. There are a few more to follow soon including a form builder and a file explorer Overview I know there are a million calendar selectors out there but I needed one that covered historical dates (1800-2100). It displays either as a in place calendar in the page [...]

JQuery carousel plugin

fbis — Thu, 26 Mar 2009 18:46:02 +0000

This is the start of a jQuery carousel. I’ve used a few carousels but they require a lot of css editing to get them to change widths etc. I wanted one that could easily adapt to displaying different numbers of items. It accepts a noOfItems config that defines how many items it displays and it [...]

JQuery selectors reminder

fbis — Wed, 25 Mar 2009 21:28:48 +0000

Selectors in JQuery are extremely powerful. This is a simple page to test them and as a quick reminder as to what’s available. .result{background:#dfd;border:solid 1px #eee} $(document).ready(function(){initialise();}); function initialise() { $("a.TestSelector").bind('click',function(e){ runSelector($("#TestSelector").val()); e.stopPropagation(); return false; //e.stopPropigation(); }); $("a.action.runselector").bind('click',function(e){ e.stopPropagation(); runSelector($(e.target).text()); return false; }); } function runSelector(text) { try { $(".result").removeClass("result"); var result = $(text); if [...]

JQuery Mini-tips

fbis — Fri, 06 Mar 2009 10:14:40 +0000

Get a DOM object from a JQuery obj $('#' + id).get(0); //get the dom object from the jquery wrapper Only include object if JQuery is available //only include if jquery is available if (typeof jQuery != 'undefined') { //class goes here } Get selected item in select list $('#selectList').val();//value $('#selectList :selected').text(); //text of option Check [...]

Simple JQuery Treeview

fbis — Fri, 30 Jan 2009 22:34:16 +0000

I’ve been trying to write my first JQuery plug in and went for a tree view because I need to display some nested data. Nothing complicated and more about trying to understand the JQuery plug in structure really. It’s pretty well commented so I won’t explain it I will develop this further as I start [...]