Book Image

PHP and script.aculo.us Web 2.0 Application Interfaces

By : Sridhar Rao Chivukula
Book Image

PHP and script.aculo.us Web 2.0 Application Interfaces

By: Sridhar Rao Chivukula

Overview of this book

<p>script.aculo.us is a JavaScript library that provides dynamic visual effects, user interface controls, and robust AJAX features. It is to client-side what PHP is to server-side &ndash; powerful, simple, complete fun, and above all, a MUST! As developers, we all dream of building applications that users can instantly fall in love with and get productive. Simple and niche applications are the future of web applications. script.aculo.us when used with PHP as a server-side scripting language, can give us a new way of looking at things and changing the way we work.<br /><br />script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to enhance your web sites and web applications. It provides dynamic visual effects, user interface controls, and robust AJAX features. This book covers all aspects for a developer to learn and master the art of using advanced JavaScript also referred to as 2.0 aspects in PHP web applications. script.aculo.us is an effective and powerful add-on to the Prototype library and when combined with PHP, it can make a lot of difference. The difference every developer dreams of.<br /><br />This book has been written keeping in view every basic step as well as covering the most complex aspects while writing our applications &mdash; from simple effects, to the AJAX way of communicating through systems in applications. It gives you a completely new way of adding interactivity to your web applications. You will learn how sript.aculo.us provides interactivity and beauty to your project so that it engages users and appeals to the masses.<br /><br />Faster, more efficient, and more productive applications are what we are trying to build. Each chapter of this book has been hand-crafted to make sure that you as a developer can learn and master the art of making beautiful applications.<br /><br />The book covers all the various aspects of script.aculo.us with a few real-world clone projects, which will surely help you explore your creative side.<br /><br />The aim of this book is to make you go "WOW"!</p>

Related Content you might be interested in

Current Title:

Small book image
PHP and script.aculo.us Web 2.0 Application Interfaces
Sridhar Rao Chivukula
May, 2009 | 264 pages
No titles found
Table of Contents (18 chapters)
PHP and script.aculo.us Web 2.0 Application Interfaces
PHP and script.aculo.us Web 2.0 Application Interfaces
Credits
Credits
About the author
About the author
About the reviewers
About the reviewers
Preface
Preface
Free Chapter
1
About script.aculo.us
About script.aculo.us
Welcome to the script.aculo.us world
Versions
The script.aculo.us fun begins
Much more fun
Summary
2
Exploring Client-side Techniques with Prototype
Exploring Client-side Techniques with Prototype
About Prototype
Prototype features − a walk-through
Event handling
Redefining forms with Prototype
Getting more hands-on
Summary
3
Server-side Techniques with PHP and MySQL
Server-side Techniques with PHP and MySQL
Basic requirements
Getting the playground ready
Hands-on examples: Common scripts
Summary
4
Adding Effects and Multimedia to User Interface Design
Adding Effects and Multimedia to User Interface Design
Introduction to effects
Types of effects
Hands-on examples
Playing sounds with script.aculo.us
Summary
5
AJAX Drag and Drop Feature using script.aculo.us
AJAX Drag and Drop Feature using script.aculo.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
6
In-place Editing using script.aculo.us
In-place Editing using script.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
7
Creating Autocompletion using script.aculo.us
Creating Autocompletion using script.aculo.us
Introduction to autocompletion
Explanation of the autocompletion feature
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
8
Slider for Dynamic Applications using script.aculo.us
Slider for Dynamic Applications using script.aculo.us
First steps with slider
Code usage for the slider
Tips and tricks with the slider
Hands-on example: Using vertical and horizontal slider
Summary
9
script.aculo.us in One Go
script.aculo.us in One Go
Hands-on example: Multiple script.aculo.us features mash up
Hands-on example: Quick revision of all the features of script.aculo.us in one page
Summary
10
Todonow: A Tadalist Clone
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
View all my lists along with a summary of incomplete items
Creating new lists
Adding items to our lists
Adding effects to our items
Mark items as completed
Convert completed items to incomplete status
Deleting lists
Let's wrap up and log out
Our Todonow is ready to go live
Summary
11
Creating Delicious and Digg Bookmarks Manager
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
View tutorial
Deleting tutorials
Search using real-time autocompletion
Exploring the tag cloud features of 2.0 applications
Don't forget to log out
Ideas for life
Summary
12
Creating a Shopping Search Engine
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
Summary
13
Common 43: 43 Things, 43 Places, and 43 People Clones
Common 43: 43 Things, 43 Places, and 43 People Clones
Getting the database ready
Advanced commenting system
Modules ready to go live
Adding 2.0 flavour to applications
Putting the building blocks together
Summary

Search using real-time autocompletion

Does real-time autocompletion sound familiar? It's the same awesome feature of script.aculo.us that we learned about in Chapter 7.

In this section we will build a simple real-time search of tutorials based on titles.

Note

When we aim at scaling large data in a real-world application, the autocompletion feature might slow down as it has to search through a lot of records. The idea here is to show how we can integrate the autocomplete feature into a web application.

So, let's quickly create a user interface for searching. We will need a text box where the user will start typing the query and our system will search for it in real time.

<div class="tutorial-search">
<label>Enter Your Search Terms</label>
<input type="text" id="title" name="title"/>
<div id="myDiv"></div>
<p>
<div id="result" name="result"></div>
</div>

The screenshot corresponding to the above user interface script for searching is...

Previous Section
End of Section 9
Next Section