How to combine many of MooTools’s functions to create a nice photo gallery.
Design Elements, Forms, jQuery
Submit A Form Without Page Refresh using jQuery
Another great way of utlizing jQuery to enhance user experience is to not just validate, but to submit your form entirely without a page refresh. In this tutorial I’ll show you how easy it is to do just that — submit a contact form that sends an email, without page refresh using jQuery! (The actual [...]
Design Elements, Navigation
Skinnable Web 2.0 Buttons
Welcome to the new version of Skinnable Web 2.0 buttons. Just a few months after its first version, here is the new one - AJAX-driven, easily configurable and with a slightly different html rendering. Among the important changes that come with this release is that you don’t need to copy / paste the html code [...]
Design Elements, Gallery
Ajax Photo Gallery
This cool AJAX-driven image gallery script allows even inexperienced users to organize their photos in skinnable galleries by adding a few lines of code in their web pages and editing a simple xml feed file. No messing with id’s, scripts, style sheets or html code - AJAX Photo Gallery does it all for you.
Design Elements, LightBox
PageAnnouncement.XML
PageAnnouncement.XML is a handy and lightweight ajax-driven website widget that displays announcement boxes on pages. Unlike most of the other widgets I provide, it does not come with predefined skins, but users can easily modify the looks of the announcement boxes via the various attributes exposed in the PageAnnouncement.XML/Announcements.xml file.
AutoComplete, Design Elements
Auto Suggest Box
A normal text input box which, using a custom javascript function, automatically suggest’s results as the user types. The mark up is simple
Design Elements, Tables
Sortable table (with inline edit)
DrasticGrid is an Ajax-based datagrid with editing support. It uses MySQL as a data source and it supports pagination, sorting, editing records, adding records and removing records. Pagination is implemented efficiently, only the visible data is sent to the browser. The grid is configurable in many ways, you may specify which columns are shown, and [...]
Design Elements, Tables
jQuery Column Filters
jQuery plugin for a quick way of allowing table columns to be filtered by the user. It will add text box’s to the top of each column in a table, by typing into the text box’s you can narrow the number of rows in the table down to those that match your search text.
Accordion, Design Elements
Lightweight JavaScript Accordion with CSS
The JavaScript accordion above is only 1.5kb. If you have a small project that could use an accordion and don’t want to include an entire JavaScript framework to do the job then give this script a try.
Design Elements, Menu
Sliding JavaScript Menu Highlight
This sliding hover effect script is an easy method to add some flavor to your navigation. Using the CSS you can easily customize the navigation to fit your “look and feel”.
Design Elements, Forms
RadioButton.XML
RadioButton.XML is finally a successful attempt for codeless, reliable, accessible and semantic skinning of radio buttons. The solution makes use of real radio buttons with labels and their toggle functionality and skinned list-items, allowing single-line and multi-line radiobutton list rendering, native client- or server-side validation and easy skinning using just three images and a few [...]