Here’s what I wanted to accomplish tonight:

1. Submit a form
2. Process the form data
3. Display the results in a MediaboxAdvanced window

Getting the script to which the form submits to open in the box was a breeze; it was getting the post data from the form to the script, processing it, and then displaying the results in the box that had me stumped. I came up with a way to get the page to work the way I needed it to, but I’m not entirely happy with the method. If anyone out there has a better idea, please leave a comment!

View the demo

Read more »

PhatFusion’s Mootools Multibox is often used for slide shows. It is typically set up with an <a> tag surrounding an image thumbnail, something like this:

<a id="mb1" class="mb" title="Image Title 1 (jpg)" href="/images/my-bigger-image.jpg">
  <img border="0" alt="" src="my-thumbnail.jpg" />
</a>

The href attribute of the <a> tag determines what appears in the multibox when it opens. In the case of a slideshow, it’s an image. You click the thumbnail and the box opens, displaying the larger view of the image. But there are lots of other ways to use Multibox. Here are two alternatives.

Read more »

This elegant menu slider effect was inspired by Sliding Javascript Menu. I’ve recreated it in Mootools 1.2.

Take a look at the demo, then read on for the HTML, CSS and Javascript to create your own.

Read more »