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
DOM manipulation using jQuery
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax
interactions for rapid web development. With the introduction of PrintShop Mail Web 2.x the jQuery library is part of the Print-
Shop Mail Web installation. Information about jQuery can be found at: http://www.jquery.com
The following sections describe the jQuery basics and give you helpful tips about how to use jQuery in PrintShop Mail Web.
Launching code on Document Ready
jQuery has a simple statement that checks the document and waits until it's ready to be manipulated, known as the ready
event. Inside the ready event you can add the code that you want to run right when the page is loaded.
<script type="text/javascript">
$(document).ready( function(){
//Your code here
});
</script>
You can add this Javascript code in the head section of the template.php file or create an external Javascript file. If an external
Javascript file is used make sure that it is added (inlcuded) in the head section of the template.php file. The following snippet
shows how to include a Javascript file (template-welcome.js) located in the folder of the skin.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><? generateSystemName(); ?>: <? generateTitle(); ?></title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<? generateCSSIncludes(); ?>
<? generateJavaScriptIncludes(false); ?>
<script src="<? echo generateSkinLocation() ?>/template-welcome.js"></script>
</head>
<body>
...
</body>
</html>
The following could be the content of the Javascript file.
$(document).ready(function() {
alert('hello world');
});
©2010 Objectif Lune Inc - 251 -