Everand Logo

Welcome to Everand!

  • Discover millions of ebooks, audiobooks, and so much more with a free trial

    Only $11.99/month after trial. Cancel anytime.

    MooTools 1.3 Cookbook
    MooTools 1.3 Cookbook
    MooTools 1.3 Cookbook
    Ebook779 pages3 hours

    MooTools 1.3 Cookbook

    By Jay Larry G. Johnston

    ()

    Read preview

    About this ebook

    This is a cookbook full of recipes with the essential code explained clearly and comprehensively. The recipes are organized so well that you will have no problems in using this cookbook as a reference too. Users of all skill levels will find this book useful. Advanced users will expand their knowledge of MooTools interaction, intermediate users will delve into new concepts of usage. Novice users will find they are carefully taken through each facet of knowledge necessary to rapidly become intermediate users.
    LanguageEnglish
    PublisherPackt Publishing
    Release dateJul 25, 2011
    ISBN9781849515696
    MooTools 1.3 Cookbook

    Related to MooTools 1.3 Cookbook

    Related ebooks

    Information Technology For You

    View More
    View More

    Related podcast episodes

    Related articles

    • Article

      Remote Learning

      Mar 4, 2021

      Remote Learning
      6 min read

    • Article

      Online Security Options

      Jan 2, 2020

      Online Security Options
      2 min read

    • Article

      Build It Like A Coder

      Aug 19, 2019

      Build It Like A Coder
      3 min read

    • Article

      50 Ways To Work Faster

      Jun 19, 2023

      50 Ways To Work Faster
      19 min read

    • Article

      Google Answer Box Strategy

      Sep 21, 2020

      Leveraging the Google PAA (People Also Ask) element on a Search Results Page for Targeted Content Creation with a Python Scraper All businesses that are online today are creating content at a furious pace. According to Technavio, a research firm, con

      7 min read

    • Article

      Magnus’ Marketing Minute

      Aug 1, 2022

      Michael Magnus is an advertising professional who supports the growth of the leather industry through his marketing agency, Magnus Opus. Among his client partnerships are Silver Creek Leather Co., manufacturers of Realeather® Crafts and Lace, and Jim

      5 min read

    • Article

      “Since Covid, Aren’t We All Bedroom Workers To A Greater Or Lesser Extent?”

      Jan 6, 2022

      If you’ve read this column over the past year or so, you’d be forgiven for thinking that I just spend all my time playing with phones, home automation and various gadgets. But if you cast your eyes over to the right for a moment, you’ll notice that u

      9 min read

    • Article

      Browser Tips

      Jul 5, 2023

      When you hover your cursor over a tab in Chrome, it shows you a preview image of the relevant web page. This saves you needing to click the tab to view its content, but because these ‘hover cards’ can be triggered accidentally, some people find the f

      3 min read

    • Article

      Help Yourself To Avoid These Pitfalls

      Dec 11, 2018

      GETTING UP TO full speed with the Shortcuts app takes time, and you’ll inevitably make a few mistakes along the way. Having to troubleshoot your efforts doesn’t mean you’ve failed — with years of experience, even professional programmers do this. Tak

      2 min read

    • Article

      Embed An Excel File On Your Site

      Jul 20, 2022

      When you need to share data in an Excel spreadsheet, you could choose to extract it and then send it to members. An easier way is to embed it on your site for everyone to see. In our example, our local history club wants to share details of its yearl

      2 min read

    • Article

      Simplify His Workflow Using Vivaldi

      Sep 22, 2021

      One of my favourite geeky web resources is Google Books Ngram Viewer (www.snipca.com/39331), which helps you pinpoint when a specific word, name or phrase first appeared in print, and track its prevalence over time. The word “codswallop”, for example

      2 min read

    • Article

      Build Your Own Alexa Skill

      Feb 11, 2021

      Build Your Own Alexa Skill
      5 min read

    • Article

      Create Your First Shortcut

      May 3, 2022

      Create Your First Shortcut
      2 min read

    • Article

      Create Your First Shortcut

      May 3, 2022

      Create Your First Shortcut
      2 min read

    • Article

      50 Ways To Work Faster

      May 11, 2023

      50 Ways To Work Faster
      19 min read

    • Article

      Website In A Weekend

      May 30, 2023

      Website In A Weekend
      6 min read

    • Article

      File Explorer

      Jan 13, 2020

      File Explorer
      3 min read

    • Article

      Mistakes To Avoid

      Jan 12, 2021

      Mistakes To Avoid
      2 min read

    • Article

      Take A Shortcut

      Jan 11, 2022

      Take A Shortcut
      2 min read

    Related categories

    Reviews for MooTools 1.3 Cookbook

    0 ratings

    0 ratings0 reviews

    What did you think?

    Tap to rate

    Review must be at least 10 words

      Book preview

      MooTools 1.3 Cookbook - Jay Larry G. Johnston

      Table of Contents

      MooTools 1.3 Cookbook

      Credits

      About the Author

      About the Reviewer

      www.PacktPub.com

      Support files, eBooks, discount offers and more

      Why subscribe?

      Free access for Packt account holders

      Preface

      What this book covers

      What you need for this book

      Who this book is for

      Conventions

      Reader feedback

      Customer support

      Downloading the example code

      Errata

      Piracy

      Questions

      1. Oldies-but-Goodies: Foundational Moo

      MooTroduction

      See also

      Knowing our MooTools version

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Finding MooTools documentation both new and old

      Using Google Library's MooTools scripts

      Getting ready

      How to do it...

      How it works...

      There's more...

      Injecting Hello World into an HTML DIV

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Storing a list of names in an array of values

      Getting ready

      How to do it...

      How it works...

      There's more

      Looping over an array of names and saying Hello to all of them

      Getting ready

      How to do it...

      How it works...

      See also

      Doing more with a list of names by creating an object

      Getting ready

      How to do it...

      How it works...

      There's more...

      Creating a pop-up alert upon clicking a DIV

      Getting ready

      How to do it...

      How it works...

      There's more...

      Adding multiple event listeners to an HTML element

      Getting ready

      How to do it...

      How it works...

      There's more...

      Dragging an HTML element

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Understanding MooTools ubiquitous anonymous functions

      Getting ready

      How to do it...

      How it works...

      There's more...

      Making an Ajax call

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      2. Switching Paddles Midstream: Changing HTML After Page Load

      Finding an element by its ID attribute

      How to do it...

      How it works...

      There's more...

      Finding a group of elements by their class attribute

      Getting ready

      How to do it...

      How it works...

      There's more...

      Moving an element with a particular ID

      How to do it...

      How it works...

      There's more...

      Moving a group of elements using their HTML tag

      Getting ready

      How to do it...

      How it works...

      See also

      Removing an element by ID

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Removing a group of elements using CSS selectors

      Getting ready

      How to do it...

      How it works...

      There's more...

      Adding an element with a unique ID

      Getting ready

      How to do it...

      How it works...

      There's more...

      Adding a group of elements with incremented IDs

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Styling the text within an element

      Getting ready

      How to do it...

      How it works...

      There's more...

      Styling the borders of a group of elements

      Getting ready

      How to do it...

      How it works...

      Creating a time clock that updates per second

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Creating a welcome message based on a JavaScript cookie

      How to do it...

      How it works...

      3. And on the 8th Day: Creating HTML Elements

      Creating a DIV with a border on it

      How to do it...

      How it works...

      There's more...

      Creating an A tag link with linked text

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Creating an IFRAME that displays google.com

      Getting ready

      How to do it...

      How it works...

      There's more...

      Injecting a TD data cell into a TR table row

      How to do it...

      How it works...

      There's more...

      See also

      Injecting a TR data row into a Table

      How to do it...

      How it works...

      There's more...

      Injecting a table into the HTML DOM

      How to do it...

      How it works...

      There's more...

      Creating an A tag link that alters the src of an IFRAME

      How to do it...

      How it works...

      There's more...

      See also

      Creating a DIV displaying an Ajax form response

      How to do it...

      How it works...

      There's more...

      Creating new form elements

      How to do it...

      How it works...

      There's more...

      Creating new form elements when more inputs are needed

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Adding a select box to the HTML DOM

      Getting ready

      How to do it...

      How it works...

      There's more...

      Adding a select option using Ajax

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      4. That's Not All Folks: Animation and Scrolling

      Scrolling a news box automatically

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Showing a tall page slowly as visitors watch

      How to do it...

      How it works...

      There's more...

      See also

      Making anchors scroll smoothly into view rather than jump instantly

      Getting ready

      How to do it...

      How it works...

      There's more...

      Welcome visitors with a message that fades in for effect

      Getting ready

      How to do it...

      How it works...

      There's more...

      See more

      Removing an error message from the page with a fade effect

      Getting ready

      How to do it...

      How it works...

      There's more...

      Welcoming visitors with a sliding message

      How to do it...

      How it works...

      There's more...

      See also

      Creating an attention-grabber notification

      Getting ready

      How to do it...

      There's more...

      See also

      Creating a scrolling thumbnail display

      How to do it...

      How it works...

      There's more...

      See also

      Launching a lightbox image from a thumbnail

      Getting ready

      How to do it...

      How it works...

      See also...

      Creating an application task ribbon that slides in

      Getting ready

      How to do it...

      There's more...

      See also

      Making mouseover elements grow on a ribbon

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Making active elements on a ribbon bounce

      Getting ready

      How to do it...

      How it works...

      There's more...

      5. Mr. Clean Uses Ajax: Remote Asynchronous Calls

      Using Firefox's Firebug to troubleshoot asynchronous calls

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Displaying remote data via Ajax within a DIV

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Displaying cross domain remote data via Ajax within a DIV

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Screen scraping a portion of another web page

      Getting ready

      How to do it...

      There's more...

      See also

      Parsing and displaying JSON data

      How to do it...

      How it works...

      There's more...

      See also

      Parsing and displaying a web service

      How to do it...

      How it works...

      See also

      Submitting a form using Ajax

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Building a calculator using Ajax

      How to do it...

      There's more...

      See also

      Creating a scrolling stock ticker

      Getting ready

      How to do it...

      How it works...

      See also

      Updating a scrolling ticker periodically

      How to do it...

      How it works...

      There's more...

      Listening to Mr. Clean's MP3 list!

      Getting ready

      How to do it...

      See also

      Querying Mr. Clean's MP3 list!

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      6. Easy Come, Easy Go: Drag and Drop

      Dragging product images around on the screen

      How to do it...

      How it works...

      There's more...

      See also

      Making a shopping cart where products can be dropped

      How to do it...

      How it works...

      There's more...

      Changing onscreen inventory levels when a product is dropped on the cart

      How to do it

      How it works...

      There's more...

      Allowing products in a shopping cart to be put back on the shelf

      How to do it...

      How it works...

      See also

      Making Ajax calls when products are dropped or added to a shopping cart

      How to do it...

      How it works...

      There's more...

      Making a reset button to remove all products from a shopping cart

      How to do it...

      See also

      Dragging window widgets around on a screen

      Getting ready

      How to do it...

      How it works...

      There's more...

      Making window widgets push other widgets around on a screen

      How to do it...

      How it works...

      See also

      Making Ajax calls to record the location of window widgets

      How to do it...

      How it works...

      See also

      Making a reset button to put widgets back into a default state

      How to do it...

      How it works...

      There's more...

      See also

      Creating a sortable list

      Getting ready

      How to do it...

      How it works...

      There's more...

      Sending sorted list info via Ajax

      How to do it...

      7. Knock and the Door Will Open: Events and Listeners

      Creating an event listener that hellos on click

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Removing a listener that responds to clicks

      Getting ready

      How to do it...

      How it works...

      There's more...

      Creating a group of elements that add their NAMEs and VALUEs as text in a DIV

      Getting ready

      How to do it...

      How it works...

      There's more...

      Responding to both CLICK and MOUSEOVER

      Getting ready

      How to do it...

      How it works...

      Removing one of multiple event listeners

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Adding another event listener to an element

      Getting ready

      How to do it...

      How it works...

      See also

      Making one listener start a chain of events

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Removing a chain of events

      Getting ready

      How to do it...

      How it works...

      There's more...

      Stopping a listener from executing a chain of events

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Making buttons rollover upon MOUSEOVER

      Getting ready

      How to do it...

      How it works...

      There's more

      Changing graphics upon MOUSEOVER

      Getting ready

      How to do it...

      How it works...

      Using MooTools Fx in conjunction with onmouseover events

      Getting ready

      How to do it...

      How it works...

      See also

      8. Dynamite! (Movin' On Up): Working with Transitions

      Saving space on our site: expanding upon interaction

      Getting ready

      How to do it...

      How it works...

      There's more...

      Saving space on our site: creating a transition that grows an IMG from small to large

      Getting ready

      How to do it...

      How it works...

      Saving space on our site: the more button that shows more with a transition

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Saving space on our site: expand text containers on focus

      Getting ready

      How to do it...

      How it works...

      Welcoming users in a flashy way: flying in text smoothly

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Welcoming users in a flashy way: stretchy elastic

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Making a little duck bounce when clicked

      Getting ready

      How to do it...

      There's more...

      See also

      Showing a notification to a user that glows momentarily

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Making a golf ball ease up to a hole and stop

      Getting ready

      How to do it...

      How it works...

      There's more...

      Making usability cool with fading font-size changer

      Getting ready

      How to do it...

      How it works...

      There's more...

      Fading through a rotating group of images—slideshow!

      Getting ready

      How to do it...

      There's more...

      9. WTFudge is Going On?: Troubleshooting MooTools

      Using Firefox's Firebug to see MooTool stuff in action

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Using IE's Developer Toolbar to see MooTool stuff in action

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Reporting the type of a variable

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Determining the browser version of a visitor

      How to do it...

      How it works...

      There's more...

      See also

      Using Firebug to view the scripts included on a page

      Getting ready

      How to do it...

      There's more

      See also

      Viewing the members of an ARRAY using three different methods

      How to do it...

      There's more...

      See also

      Viewing the members of an OBJECT using three different methods

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Using the console debugger in Firefox's Firebug

      How to do it...

      How it works...

      There's more...

      See also

      Showing an alert if an Ajax call fails

      How to do it...

      How it works...

      There's more...

      10. Enough Is Never Enough: Extending MooTools

      Making a Corvette out of a car—extending the base class

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Giving a Corvette a supercharger—Implements versus Extends

      Getting ready

      How to do it...

      How it works...

      Upgrading some Corvettes—Extends versus Implements

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Upgrading all Corvettes via recall—Implement AND Extend in unison!

      Getting ready

      How to do it...

      How it works...

      Sending a Corvette on a list of errands—extending a class with a chain

      Getting ready

      How to do it...

      How it works...

      There's more...

      Extending elements—preventing multiple form submissions

      How to do it...

      How it works...

      There's more...

      See also

      Extending elements—prompt for confirmation on submit

      How to do it...

      How it works...

      There's more...

      Extending typeOf, fixing undefined var testing

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Extending images—add captions based on ALT attributes

      Getting ready

      How to do it...

      How it works...

      There's more...

      Extending images—lazy load

      Getting ready

      How to do it...

      How it works...

      There's more...

      See also

      Loading Google fonts!

      Get ready

      How to do it...

      How it works...

      There's more...

      See also

      Extending the Google Font Loader

      How to do it...

      How it works...

      There's more

      Index

      MooTools 1.3 Cookbook

      MooTools 1.3 Cookbook

      Copyright © 2011 Packt Publishing

      All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

      Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

      Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

      First published: July 2011

      Production Reference: 1150711

      Published by Packt Publishing Ltd.

      32 Lincoln Road

      Olton

      Birmingham, B27 6PA, UK.

      ISBN 978-1-849515-68-9

      www.packtpub.com

      Cover Image by Fillipo (<paragvkadam@gmail.com> )

      Credits

      Author

      Jay Larry G. Johnston

      Reviewers

      Harald Kirschner

      Andy Meerwaldt

      Thiago Santos

      Acquisition Editor

      Sarah Cullington

      Development Editors

      Hyacintha D'Souza

      Kartikey Pandey

      Technical Editors

      Conrad Sardinha

      Aaron Rosario

      Project Coordinator

      Michelle Quadros

      Proofreader

      Chris Smith

      Indexer

      Hemangini Bari

      Production Coordinator

      Shantanu Zagade

      Cover Work

      Shantanu Zagade

      About the Author

      Jay's first web work was in 1996 for the United States Army where he served the 5/5 Battalion Headquarters with the 2nd Infantry Division in South Korea.

      Currently full time as Senior PHP Developer for ICGLink, Inc. managing high-end, custom development for the 2,000+ client base, Jay holds certifications in Linux, MySQL, and PHP5.

      Introduced to the MooTools framework in 2007 while on permanent contract at Marshall Space Flight Center, Jay has incorporated Moo into every single new development since and frequently writes canned moo-solutions for use within the company.

      To know more about the author, visit his website at http://jayjohnston.com.

      About the Reviewer

      Andy Meerwaldt is a Dutch web developer with a BIT (Bachelor of Information Technology) degree, and has been developing PHP applications since 2004. He started using the Kohana Framework as his default framework. He has improved on his skill in Object Oriented Programming and the use of Design patterns over time. His aim is to build better and smoother web applications with full functionality for

      Enjoying the preview?
      Page 1 of 1