Packt - jQuery 1.3 with PHP (10-2009) (ATTiCA)

A tutorial in the Beginner’s Guide series, offering the reader step-by-step instructions on building and customizing their MOLSB web site from scratch. This book is also packed with tips, tricks, and best practices. Small-business owners who want to build and customize their business web sites on Microsoft’s free-to-use platform. No technical knowledge is required.This book is a practical, hands-on guide to learning JavaServer Faces components based on a fictitious computer hardware e-commerce application. It adopts an example-driven approach focused on solving common web application development tasks using a wide range of JSF components from today’s most popular JSF component libraries.Each chapter covers a different JSF component library and includes dozens of examples complete with Java source code listings, JSF markup, screenshots, and developer tips. If you are a professional web application developer interested in learning JavaServer Faces having an intermediate to advanced level of Java programming experience and a good understanding of HTML, CSS, and JavaScript, this book is for you. A working knowledge of Java classes, interfaces, annotations, and generics, Java Collections Framework, JavaBeans API, Java Database Connectivity (JDBC), Java Servlets/JSP, Java Authentication and Authorization Service (JAAS), Java Persistence API (JPA), Enterprise JavaBeans (EJB), the Apache Tomcat web container, the JBoss AS 4.2 application server is assumed. Experienced JSF professionals will also find this book useful as a quick reference and “how to” guide. Packt - jQuery 1.3 with PHP (10-2009) (ATTiCA) 1 Copyright 3 Credits 4 About the Author 5 About the Reviewers 6 Table of Contents 8 Preface 14 Chapter 1: Introduction and Overview 20 Expected developer skills 21 Differences between PHP and JavaScript 22 What is jQuery 23 Why jQuery 25 How does jQuery fit in with PHP 26 How to work with the examples 27 Projects that use PHP and jQuery 29 WordPress 29 RoundCube 29 KFM 30 Drupal 31 Summary 31 Chapter 2: Quick Tricks 32 Dynamic select boxes 34 Client-side code 35 How it works 36 Server-side code 38 Quick deletes 39 Client-side code 40 Server-side code 43 Contextual help 44 Inline editing 49 Client-side code 49 Server-side code 54 Summary 54 Chapter 3: Tabs and Accordions 56 Using a jQuery tab plugin 57 Client-side code 58 Server-side considerations 62 Using jQuery accordion plugins 62 Client-side code 63 Server-side management of accordions 66 Client-side code 67 Server-side code 68 Just the conversion 69 Now show the data with the accordions 70 Server-side management of tabs 71 Server-side code 71 Just the conversion 72 Now show the data with the tabs 73 Using special codes to define tabs 74 Client-side code 76 Server-side code 76 Loading accordion panels through Ajax 79 Client-side code 80 Server-side code 82 Loading tab panels through Ajax 82 Client-side code 82 Summary 84 Chapter 4: Forms and Form Validation 86 Using the jQuery validation plugin 87 Client-side code 87 Setting up jQuery validation from PHP 90 Server-side code (setup) 90 Client-side code 91 Server-side code 92 Remote validation 94 Server-side code (setup) 94 Client-side code 95 Server-side code 96 Large select boxes 97 Client-side code 98 Server-side code 99 Auto-suggestion 100 Client-side code 101 Server-side code 102 Client-side code 103 Summary 104 Chapter 5: File Management 106 Security 106 Choosing a directory 108 Client-side code 108 Server-side code 110 Creating, renaming, and deleting directories 113 Client-side code 113 Server-side code 117 Moving directories 118 Client-side code 118 Server-side code 121 File uploads 122 Client-side code 122 Server-side code 125 Renaming, deleting, and moving files 126 Client-side code 127 Server-side code 128 File downloads 129 Client-side code 129 Server-side code 130 Summary 131 Chapter 6: Calendars 132 Displaying the calendar 133 Creating an event 134 Client-side code 135 Server-side code 137 Loading events from the server 139 Client-side code 139 Server-side code 140 Moving and resizing events 141 Client-side code 141 Server-side code 142 Editing events 142 Client-side code 143 Server-side code 145 Deleting events 145 Client-side code 146 Server-side code 147 Walk-through of the calendar so far 147 Recurring events 149 Client-side code 149 Server-side code 152 Deleting recurring events 154 Client-side code 154 Server-side code 155 Summary 156 Chapter 7: Image Manipulation 158 Showing the list of images 159 Server-side code 159 Client-side code 161 Selecting an image 162 Client-side code 162 Server-side code 163 Preparing your PHP 164 Rotating 165 Client-side code 165 Server-side code 167 Caching or saving the image 168 Client-side code 169 Server-side code 170 Resizing 172 Client-side code 173 Server-side code 175 Cropping 176 Client-side code 176 Server side 179 Summary 180 Chapter 8: Drag and Drop 182 Sorting simple lists 182 Client-side code 183 Server-side code 186 Client-side code 186 Sorting trees 188 Client-side code 188 Server-side code 194 Connecting lists 195 Client-side code 196 Server-side code 198 Summary 198 Chapter 9: Data Tables 200 Setting up DataTables 201 Client-side code 201 Getting data from the server 204 Client-side code 205 Server-side code 206 Caching your database queries 208 Server-side code 209 Pagination through Ajax 210 Client-side code 211 Server-side code 211 Sorting by column 213 Filtering 214 Server-side code 214 Setting a delay on the filter 216 Summary 217 Chapter 10: Optimization 218 Optimizing the page load 219 Place scripts at the bottom 219 Aggregate and cache your scripts 220 Output HTML similar to the post-jQuery code 221 Optimizing development and maintenance 221 Writing your own plugins 222 Un-caching your JavaScript 224 Optimizing jQuery 225 Use Google's CDN 225 Caching jQuery objects 227 Use $.load for non-visual code 229 JavaScript optimizations 229 Chaining 229 Speeding up selectors 230 Inject multiple elements at once 231 Using setTimeout 232 Use var for your variables 234 Summary 236 Index 238

In Detail

Today's web developers need powerful tools to deliver richer, faster, and smoother web experiences. JavaServer Faces includes powerful, feature-rich, Ajax-enabled UI components that provide all the functionality needed to build web applications in a Web 2.0 world. It's the perfect way to build rich, interactive, and "Web 2.0-style" Java web apps.

This book provides a comprehensive introduction to the most popular JSF components available today and demonstrate step-by-step how to build increasingly sophisticated JSF user interfaces with standard JSF, Facelets, Apache Tomahawk/Trinidad, ICEfaces, JBoss Seam, JBoss RichFaces/Ajax4jsf, and JSF 2.0 components. JSF 1.2 Components is both an excellent starting point for new JSF developers, and a great reference and "how to" guide for experienced JSF professionals.

This book progresses logically from an introduction to standard JSF HTML, and JSF Core components to advanced JSF UI development. As you move through the book, you will learn how to build composite views using Facelets tags, implement common web development tasks using Tomahawk components, and add Ajax capabilities to your JSF user interface with ICEfaces components. You will also learn how to solve the complex web application development challenges with the JBoss Seam framework. At the end of the book, you will be introduced to the new and up-coming JSF component libraries that will provide a road map of the future JSF technologies.

A comprehensive guide to the most popular JavaServer Faces components available today that will show you how to develop advanced Ajax-enabled web applications with the JSF framework.

Approach

This book is a practical, hands-on guide to learning JavaServer Faces components based on a fictitious computer hardware e-commerce application.

It adopts an example-driven approach focused on solving common web application development tasks using a wide range of JSF components from today's most popular JSF component libraries.
Each chapter covers a different JSF component library and includes dozens of examples complete with Java source code listings, JSF markup, screenshots, and developer tips.

Who this book is for

If you are a professional web application developer interested in learning JavaServer Faces having an intermediate to advanced level of Java programming experience and a good understanding of HTML, CSS, and JavaScript, this book is for you.

A working knowledge of Java classes, interfaces, annotations, and generics, Java Collections Framework, JavaBeans API, Java Database Connectivity (JDBC), Java Servlets/JSP, Java Authentication and Authorization Service (JAAS), Java Persistence API (JPA), Enterprise JavaBeans (EJB), the Apache Tomcat web container, the JBoss AS 4.2 application server is assumed. Experienced JSF professionals will also find this book useful as a quick reference and "how to" guide.

In Detail Modern web application user interface design requires rapid development and proven results. jQuery UI, a trusted plugin for the jQuery JavaScript library, gives you a trusted platform on which to build rich and engaging interfaces with maximum compatibility, stability, and a minimum of time and effort. jQuery UI has a series of ready-made, great-looking user interface widgets and a comprehensive set of core interaction helpers designed to be implemented in a consistent and developer-friendly way. With all this, the amount of code that you need to write personally to take a project from conception to completion is drastically reduced This book has been written to maximize your experience with the library by breaking down each component and walking you through examples that progressively build upon your knowledge, taking you from beginner to advanced usage in a series of easy to follow steps. In this book, you'll learn how each component can be initialized in a basic default implementation and then see how easy it is to customize its appearance and configure its behaviour to tailor it to the requirements of your application. You'll look at the properties and methods exposed by each component's API and see how these can be used to bring out the best in each component. Events play a key role in any modern web applications if it is to meet the expected minimum requirements of interactivity and responsiveness, and each chapter will show you the custom events fired by each component and how these events can be intercepted and acted upon. Create powerful front-end interfaces for your web applications with jQuery UI Approach An example-based approach leads you step-by-step through the implementation and customization of each library component and its associated resources in turn. To emphasize the way that jQuery UI takes the difficulty out of user interface design and implementation, each chapter ends with a'fun with'section that puts together what you've learned throughout the chapter to make a usable and fun page. In these sections you'll often get to experiment with the latest associated technologies like AJAX and JSON. Who this book is for This book is for front-end designers and developers that need to quickly learn how to use the jQuery UI User Interface Library. To get the most out of this book you should have a good working knowledge of HTML, CSS and JavaScript, and will need to be comfortable using jQuery, the underlying foundation of jQuery UI. Build highly interactive web applications with ready-to-use widgets of the jQuery user interface library. Packed with examples and clear explanations to easily design elegant and powerful front-end interfaces for your web applications. Organize your interfaces with reusable widgets like accordions, date pickers, dialogs, sliders, tabs, and more. Enhance the interactivity of your pages by making elements drag and droppable, sortable, selectable, and resizable. No experience of jQuery UI expected, but familiarity with jQuery is required