PHP and script.aculo.us Web 2.0 Application Interfaces

Table of Contents

• Preface

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

• Chapter 2: Exploring Client-side Techniques with Prototype
  • 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

• Chapter 3: Server-side Techniques with PHP and MySQL
  • 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

• Chapter 4: Adding Effects and Multimedia to User Interface Design
  • 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

• Chapter 5: AJAX Drag and Drop Feature using script.acluo.us
  • 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

• Chapter 6: In-place Editing usingscript.aculo.us
  • 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

• Chapter 7: Creating Autocompletion using script.aculo.us
  • 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

• Chapter 8: Slider for Dynamic Applications using script.aculo.us
  • 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

• Chapter 9: script.aculo.us in One Go
  • 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

• Chapter 10: Todonow: A Tadalist Clone
  • 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 new 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

• Chapter 11: Creating Delicious and Digg Bookmarks Manager
  • 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

• Chapter 12: Creating a Shopping Search Engine
  • 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

• Chapter 13: Common 43: 43 Things, 43 Places, and 43 People Clones
  • 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

• Index

Sridhar Rao

If you are a developer that looks forward to explore his/her creative side and needs to build simple, yet agile and useful applications then this book is definitely a choice to consider.

Code Downloads

Download the code and support files for this book.

Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.