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
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 [...]
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 [...]
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 [...]
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 [...]
Today I had a need to quickly test if a string was valid JSON and return a simple boolean Tested with mootools 1.4+
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 [...]
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! [...]
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
So I am working on an awesome project for a local restaurant Abreo in downtown Rockford IL (link will be provided upon completion) and found the need for a mootools custom scroll bar. Well not wanting to reinvent the wheel I thought I would take a peek around the web to see what was available. I found just what I was looking for in Arieh Glazer Class. Now I did find a few bugs in [...]