FruitBatInShades Code » JQuery

jQuery – Syncing select options

fbis — Fri, 04 Nov 2011 10:01:46 +0000

I had a requirement for a series of select boxes that required the related one to only allow selections above the first. I created a little utility function that enables and disables the options based on a function you supply. Usage is pretty simple. Pass in the first and second select as jQuery objects, then [...]

jQuery – Get a childs relative position

fbis — Thu, 13 Jan 2011 09:53:31 +0000

When processing sortables etc. Its handy to be able to get the index of individual items. Heres how you find the position of an li within a list: var position = $item.parent().find('> li').index($item) + 1;

jQuery – Docking Panels

fbis — Sun, 14 Nov 2010 16:10:21 +0000

Its been a while but I’m not far off releasing my cms and am just reworking the interface. Previously it had fixed panels at the top and left of the page but on some sites this caused the page to be squashed so I looked into creating docking panels and here is the result. It takes [...]

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.

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

N.B. This treeview has now been replaced by a more advanced sortable one on LiveFlex.co.uk called Sortable Treeview. 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 [...]