Adding Multibox

August 24th, 2008

Because I didn’t like the way a large comment form appears at the bottom of every post and page on my site, but I still wanted to keep the comment functionality available, I started looking into ways AJAX (and preferably something that uses the mootools library which I added to my site a long while back) could be used to make a form that is hidden until needed, for example in an expanding div like my Flash header.

While using Drupal during my work placement I had seen the likes of forms inside a lightbox style script called Thickbox, so I began searching for a Mootools compatible lightbox that can contain any HTML I want, such as the commenting form, knowing it was possible to find. In the end I came across Phatfusion Multibox, a great variation on Lightbox that allows a number of different things be displayed inside a lightbox.

It was easy enough to implement as well, adding my comment form to a HTML link, however I needed to make a slight change to get it to work in IE7 (and one would guess 6 as well). Basically there is a bug that specifically applies to displaying a HTML element in IE7 and is explained and fixed in http://forum.phatfusion.net/viewtopic.php?f=6&t=149