7.1
Table Of Contents
- Table of Content
- Overview
- Understanding PrintShop Mail Web
- Getting Started
- The PrintShop Mail Web Interface
- Publishing Workflow
- Ordering Workflow
- New Document
- Order Manager
- Checkout
- Companies
- Users
- Publication Types
- Collections
- Settings
- About
- License
- Roles
- Languages
- Web Design
- Maintenance
- Settings
- Currencies
- Tax Rates
- Shipping Rates
- Calendar
- Production Settings
- User Input Field Defaults
- Output Folders
- Job options
- Printers
- E-mail Settings
- E-mail Addressees
- Managing E-mail Templates
- Modules Settings
- Enabling a MIS connector
- Installed modules
- Properties
- Enabling a Print Production connector
- Installed modules
- Properties
- Requirements
- Configuring the module
- The PayPal Sandbox
- Processing orders
- Requirements
- Configuring the Authorize.net module
- Test mode
- AVS and CCV checks
- Payment page
- Requirements
- Requesting a test account
- Configuring the iDEAL test dashboard
- Configuring the iDeal module
- Requirements
- Configuring the Moneris module
- Test mode
- Requesting a live account
- AVS and CVD checks
- Payment page
- Add a new Module
- Configure a module
- Delete a Module
- XML (eXtensible Markup Language)
- Options
- Sample POST receive script
- Interaction With PrintShop Mail Design
- Introduction to Regular Expressions
- Introduction
- Skinning Guide
- Getting started
- Creating your own skin
- The template file
- HMTL Outline
- Styling
- Key Concepts
- Style organization
- Header
- User information
- Menu bar
- Background
- Overview tables
- Edit forms
- Sub menus
- Special variables
- Variables for template files
- Variables for style files
- Creating page exceptions
- Creating a page specific template file
- Modifying a page specific template file
- DOM manipulation using jQuery
- Launching code on Document Ready
- Populating fields with computed values
- Removing elements from the DOM
- Adding information to the DOM
- Customizing the store front
- Storefront class
- Creating a hierarchical tree
- Adding a live search option
- Copyright Information
- Index
)
)
Adding a live search option
This example demonstrates a live search, where you get search results while you type. An event is triggered when the user
presses, and releases a key in the input field. When the event is triggered, a Javacscript function is executed. The result of this
function is used to update a placeholder element on the web page. The function performs an AJAX request to retrieve the doc-
ument list from the database. AJAX (Asynchronous JavaScript and XML) is a method of building interactive applications for the
Web that process user requests immediately.
To install the sample copy the template-storefront_overview.php from the storefront_tree_livesearch folder to the root of the
default skin.
The tree view with a search block.
This sample constists of the following parts:
l Store front specific template file (exception file). The template file contains links to external JavaScript files and some
custom HTML code for the search and tree areas.
l An php file that retrieves the document list. The result set is used to generate the HTML for the tree. This file is called
by a custom Javascript function in the <head> section of the template file. This functions calls this php file using an
AJAX request.
The Javascript file
This is the JavaScript code stored in the file "livesearch.js":
$(document).ready( function(){
getTree();
generateTree();
©2010 Objectif Lune Inc - 260 -