Snipplr

(JavaScript) mootools dropdownify - dom111

Wed, 15 Sep 2010 19:50:05 UTC

So recently I was asked to change a navigation style of an existing site to drop-down menus. Simple, I thought, just use one of the many existing drop-down plugins. I tried many, but most seemed to use hardcoded styles and I had a few problems (some of which I encountered again, writing this). So Iâ€™ve made this, I think itâ€™s fairly robust, but Iâ€™m sure thereâ€™ll be problems with embedded objects (flash) and select boxes (in <= IE6), but for my needs, it sufficed, so I thought I'd share, in case anyone else needs a simple script to manage drop-downs.

(JavaScript) autoPopulate 0.1 - Automatically populate form fields using a bookmarklet - dom111

Wed, 15 Sep 2010 19:42:07 UTC

I\'m constantly testing forms over and over for one reason or another, and am fed up with making a typo and autocomplete not populating all the data, so I made this little snippet. It searches for form elements on the page (input, textarea and select) and using regular expressions, tries to match the field name and populate the data as best it can. There\'s also a generator so instead of the random test data I\'ve provided you can generate your own.\r\n\r\nDemo:\r\n[http://www.dom111.co.uk/files/autoPopulate/](http://www.dom111.co.uk/files/autoPopulate/)\r\n\r\nGenerator:\r\n[http://www.dom111.co.uk/files/autoPopulate/generate.html](http://www.dom111.co.uk/files/autoPopulate/generate.html)

(JavaScript) JSS 0.1 - Nested CSS using Javascript - dom111

Fri, 01 May 2009 11:30:57 UTC

Ever wanted nested stylesheets? I have! Now you can have them! If you code your stylesheets as JSON and parse them using JSS 0.1. You could have the following: JSS({ 'html': { 'body': { background: '#fff', 'div#header': { height: '100px', background: '#00f' }, 'div#footer': { height: '40px', 'span#copyright': { color: '#0f0' }, 'span#testing': { color: 'black', background: '#eeccff' } } }, width: '800px' } }); Turned into: html { width: 800px; } html body { background: #fff; } html body div#header { height: 100px; background: #00f; } html body div#footer { height: 40px; } html body div#footer span#copyright { color: #0f0; } html body div#footer span#testing { color: black; background: #eeccff; } Check out the blog post for a demo and a zip file containing the demo, full version and minified version.

(JavaScript) Webkit (Safari) - Speed Dial bookmarklet - dom111

Tue, 13 Jan 2009 20:27:31 UTC

A bookmarklet that enabled a speed dial storing the data in webkit's SQL engine. There are bugs and a few conditions, read: [http://www.dom111.co.uk/blog/coding/webkit-speed-dial-bookmarklet/59](http://www.dom111.co.uk/blog/coding/webkit-speed-dial-bookmarklet/59) for more information.

(JavaScript) submitEvents - Javascript form submission handler - dom111

Wed, 13 Aug 2008 21:10:57 UTC

Requires Mootools 1.2
http://mootools.net/download Based on the mootools javascript framework a re-usable class for easily implementing an array of on submit events. * Confirmation - Provides an Ok, Cancel input box before proceeding further * Submit Button - Disable and change the text on a submit button * Information Div - Display a div that lets the user know something is happening * Undo - Undo the changes (re-enable a previously disabled submit button, change the information div) that have been carried out by the class * AJAX - Submit the form using AJAX instead of the â€˜old fashionedâ€™ way This work is released under the creative commons share alike license. Requires Mootools 1.2
http://mootools.net/download