PHP and script.aculo.us Web 2.0 Application Interfaces Table of Contents

Back to BOOK PAGE

Table of Contents

Preface
Chapter 1: About script.aculo.us
Chapter 2: Exploring Client-side Techniques with Prototype
Chapter 3: Server-side Techniques with PHP and MySQL
Chapter 4: Adding Effects and Multimedia to User Interface Design
Chapter 5: AJAX Drag and Drop Feature using script.acluo.us
Chapter 6: In-place Editing usingscript.aculo.us
Chapter 7: Creating Autocompletion using script.aculo.us
Chapter 8: Slider for Dynamic Applications using script.aculo.us
Chapter 9: script.aculo.us in One Go
Chapter 10: Todonow: A Tadalist Clone
Chapter 11: Creating Delicious and Digg Bookmarks Manager
Chapter 12: Creating a Shopping Search Engine
Chapter 13: Common 43: 43 Things, 43 Places, and 43 People Clones
Index

• • Welcome to the script.aculo.us world
  • Versions
  • The script.aculo.us fun begins
    • Effects
    • Drag and drop
    • AJAX
  • Much more fun
  • Summary

• • About Prototype
    • The story so far: Versions
    • Compatibility
  • Prototype features—a walk-through
    • Getting started with Dollar, DOM, and more
    • AJAX components—an overview
      • Ajax.Request
      • Ajax.Updater
      • Ajax.PeriodicalUpdater
      • Ajax.Responders
    • Hands-on examples
  • Event handling
    • Description
    • Handling general events
      • Syntax
    • Handling mouse events
    • Handling keyboard events
    • Hands-on examples
      • Handling the keyboard events example
      • Handling mouse event example
  • Redefining forms with Prototype
    • Introduction
    • Description
    • Usage
    • Hands-on examples
  • Getting more hands-on
    • Hands-on example: How to use XML to read data from the server using Prototype
  • Summary

• • Basic requirements
    • A word about PHP 5.0 or above
    • A word about MySQL 5.0
    • The WAMP server: A must-have for Windows users
    • phpMyAdmin
  • Getting the playground ready
    • Checking the PHP installation using the WAMP server
    • Checking the MySQL installation using the WAMP server
    • Adding Prototype library in our code
    • Adding the script.acluo.us library in our code
    • Basic classes
      • DBConfig.php
      • DBClass.php
      • Secure.php
  • Hands-on examples: Common scripts
    • User login management system
      • Signup.php
      • Login.php
      • Index.php
      • Logout.php
    • Adding a username availability script to the login management system
    • Creating a simple tag cloud
  • Summary

• • Introduction to effects
  • Types of effects
    • Common parameters
    • Code usage
  • Hands-on examples
    • The core effects
    • Various effects
    • Combining all the effects
  • Playing sounds with script.aculo.us
    • Types of sounds
      • MP3 sounds
    • Code usage
    • A hands-on example
  • Summary

• • Introduction to the drag and drop feature
  • Explanation of the drag and drop feature
  • Code usage of the drag and drop feature
  • Hands-on example: Creating a drag and drop sample in one line of code
  • Hands-on example: Advanced drag and drop tutorial
  • Summary

• • An introduction to the in-place editing feature
  • Getting started with in-place editing
  • Code usage of the in-place editing features and options
  • Tips and tricks with in-place editing
    • Disabling the element for the in-place editing functionality
    • Entering into the edit mode
    • Submitting on Blur
    • Callbacks for onEnterEditMode and onLeaveEditMode
  • Hands-on example: In-place editing with server-side handling
  • Hands-on example: InPlaceCollectionEditor
  • Summary

• • Introduction to autocompletion
  • Explanation of the autocompletion feature
    • Types of autocompletion sources
      • Remote sources
      • Local sources
    • Options for autocompletion sources
      • Options for remote sources
      • Options for local sources
  • Code usage of autocompletion using remote sources
  • Code usage of autocompletion using local sources
  • Hands-on example: Autocompletion using remote sources
  • Hands-on example: Advanced autocompletion using remote sources for multiple fields
  • Hands-on example: Autocompletion using local sources
  • Summary

• • First steps with slider
    • Parameters for the slider definition
    • Options with the slider
    • Types of slider
      • Vertical slider
      • Horizontal slider
  • Code usage for the slider
    • Code usage for the vertical slider
    • Code usage for the horizontal slider
    • Code usage for sliders with options
  • Tips and tricks with the slider
    • Reading the current value of the slider
    • Multiple handles in the slider
    • Disabling the slider
    • Enabling the slider
  • Hands-on example: Using vertical and horizontal slider
  • Summary

• • Hands-on example: Multiple script.aculo.us features mash up
    • Adding in-place editing in page
    • Adding effects to the page
    • How about adding the drag and drop feature?
    • Out of the box thinking—adding multiple features to an element
  • Hands-on example: Quick revision of all the features of script.aculo.us in one page
    • Let's start with effects
    • Some in-place editing
    • A little bit of drag and drop
    • The slider needs to be in picture too
    • How can we miss music?
  • Summary

• • The BIG picture
  • Features and functionality
  • Creating a database playground
  • Let's log in…
  • User interface comes first
  • View all my lists
    • Logic and code
  • View all my lists along with a summary of incomplete items
    • Logic and code
  • Creating ne
    

    w lists

    • Logic and code
  • Adding items to our lists
    • Adding items to the database
    • Reading the newly added item and placing it back on the page
  • Adding effects to our items
  • Mark items as completed
    • Add the item to the completed <div>
    • Delete the item from the incomplete <div>
    • Change the status of the item to completed
  • Convert completed items to incomplete status
    • Add the item to the incomplete <div>
    • Delete the item from the complete <div>
    • Change the status of the item to incomplete
  • Deleting lists
  • Let's wrap up and log out
  • Our Todonow is ready to go live
  • Summary

• • Application at a glance
  • Features and functionality
  • The database playground for our application
  • User profile home page
  • Submit new tutorials
    • Submitting a tutorial URL
    • Adding title, description, and tags to the tutorial
  • View tutorial
  • Deleting tutorials
  • Search using real-time autocompletion
  • Exploring the tag cloud features of 2.0 applications
    • Adding tags to tutorials
    • Reading all the tags in the database
    • Creating a tag cloud
    • Search using tags
  • Don't forget to log out
  • Ideas for life
  • Summary

• • Application at a glance
  • Features and functionalities
  • The user management system
  • Selecting the products to buy
  • Adding effects
  • Searching products
  • Searching products using the tag cloud
    • Generating a tag cloud
    • View products for a tag name
  • Summary

• • Getting the database ready
    • Database for places
    • Database for people
    • Database for things
  • Advanced commenting system
    • Creating a comments form
    • Posting comments
    • Edit or Delete comments
  • Modules ready to go live
    • User management system
    • Tag cloud features
  • Adding 2.0 flavour to applications
    • AJAX modules
    • Effects
    • Real-time search
    • In-place editing
    • Drag and drop
  • Putting the building blocks together
    • Features and functionalities
  • Summary

Back to BOOK PAGE