Apr
18
2012

MooTools FullScreen API Wrapper

The other day I released a quick method to extend the full screen API to any DOM element thats supports full screen. (view) Today I am pleased to release a fully functional API wrapper that supports events and maintains its state as well as merges the F11 key with the api all with an easy to use mootools class. Skip to the demo The Class onReady JS CSS The HTML View the demo

Apr
13
2012

Cross Browser Full Screen with JavaScript – mooTools

While visiting Facebook today and viewing a photo gallery I noticed they have included full screen viewing with a simple mouse click. First of all hats off to Facebook I firmly believe they have some of the best JavaScript engineers around. I absolutely love the current version of their site! So the full screen version was very intriguing to me as a couple months back I remembered needing something similar for a client. So I […]

Apr
10
2012

Dean Edwards Packer exposed.

Have you ever packed code and misplaced the original? Sadly, so have I. Well after really looking at the packer for the first time the solution to decode it is painfully easy! The secret lies in the eval() function That is the function that allows the JavaScript engine to make sense of the code from Dean Edwards packer function. Replacing that function is what will allow us to make sense of the code. So using […]

Mar
30
2012

MooTools Element.allProperties

So today I needed a way to get all of an Elements Attributes. I was limited to get() and getProperties() both require the name of the attribute or property you are after such as src or text or rel… you get the idea. So simply created my own implementation on the Element Class call allProperties. This will allow you to take any element and return all attributes as well as text and html if present […]

Mar
9
2012

MooTools Roar Mac Style Notification System

OK, so in the beginning… way back when… I was one of those programmers that thought JS was just a toy and nothing more… boy oh boy was I missing the boat! One of the craftsman that influenced me the most was Harald Kirschner of http://digitarald.de the guy is amazing. I have used many of his mooTools classes on numerous projects and more than that it gave me a point of reference when I started […]

Feb
21
2012

MooTools String.isJSON

Today I had a need to quickly test if a string was valid JSON and return a simple boolean Tested with mootools 1.4+

Nov
9
2011

Element to JSON

Wouldn’t it be neat to simply take all fields from a form or any other element for that matter and create a JSON object? Well with this simple block of code below now you can do something like: And there you have it a nice neat JSON Object! The MooTools Code: Simply add that after you include mooTools core on your page, or better yet add it to your utilities file that you take with […]

Nov
4
2011

mooFloor – FormCheck for mootools 1.4.x

mooFloor FormCheck for mootools 1.4.x I love FormCheck by mooFloor.ch! However I have been using mootools in compatabilty mode for the last couple projects as it uses a few 1.2 classes and utilities from core. The script would also depend on Fx.Scroll. I finally took the time to correct these issues and present to you the updated Class. NOTE: if Fx.Scroll is present and scroll to first is activated it will still scroll with class! […]

Oct
19
2011

MooTools Integers and Floats when used in math and currency

We have all been there before, your creating a form and asking for a dollar amount, or some number with decimal points lets say amount of fuel purchased. Typically there is plenty of logic that needs to go into validating the user input, did they use a dollar sign? Did they use the correct amount of decimal points? Well MooTools and JavaScript to the rescue! The MooTools Example Usage: *Tested with mooTools 1.3 and 1.4

Sep
23
2011

Javascript Round Number and Display Two Decimal Points

Quick tip of the Day: Javascript Rounding and always display Two Decimal Points Example:

Pages:123»
Show/Hide Footer Actions

Status: Available for your project.