6. User Interface | jQuery 2.0 Development Cookbook

Book Overview & Buying
Table Of Contents

jQuery 2.0 Development Cookbook

By : Leon Revill

4.2 (12)

Buy this Book

jQuery 2.0 Development Cookbook

4.2 (12)

By: Leon Revill

Buy this Book

Overview of this book

Taking a recipe-based approach, this book presents numerous practical examples that you can use directly in your applications. The book covers the essential issues you will face while developing your web applications and gives you solutions to them. The recipes in this book are written in a manner that rapidly takes you from beginner to expert level. This book is for web developers of all skill levels. Although some knowledge of JavaScript, HTML, and CSS is required, this Cookbook will teach jQuery newcomers all the basics required to move on to the more complex examples of this book, which will benefit the more seasoned jQuery developer. If you want to learn how to create modern website features quickly, using best practice techniques, then this book is for you.

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Document Object Model Manipulation

Introduction

Selecting elements

Finding and selecting sibling elements

Creating DOM elements

Inserting content into an element

Modifying the DOM element properties

Adding and removing CSS classes to dynamically change their style

Enabling and disabling buttons by changing their properties

Updating an image within a page

Populating list elements

Understanding pagination

Removing DOM elements

Re-using DOM elements

2. Interacting with the User by Making Use of jQuery Events

Introduction

Detecting button clicks

Detecting element clicks

Detecting change

Updating content based on user input

Detecting key press events on inputs

Restricting input character length

Changing page elements on mouse hover

Triggering events manually

Preventing event triggers

Creating a custom event

3. Loading and Manipulating Dynamic Content with AJAX and JSON

Introduction

Loading HTML from a web server into a page

Using AJAX and handling server errors

Processing JSON data

Searching JavaScript objects

Sorting JavaScript objects

Caching JSON and AJAX requests

Creating a search feature

Creating an autosuggest feature

Waiting for an AJAX response

4. Adding Attractive Visuals with jQuery Effects

Introduction

Sliding page elements

Hiding and showing elements

Fading elements

Toggling effects

Stopping effects

Chaining effects

Creating a basic photo gallery

Creating a blinking button

Removing elements with effects

5. Form Handling

Introduction

Implementing basic form validation

Adding number validation

Adding credit card number validation

Adding date validation

Adding e-mail address validation

Implementing live form validation

Adding a password strength indicator

Adding anti-spam measures

Implementing input character restrictions

6. User Interface

Introduction

Manipulating element CSS

Creating a news ticker

Creating sticky elements

Implementing smooth scrolling

Creating a dynamic table of contents

Creating a basic drag-and-drop functionality

Creating a dynamic animated tree menu

Creating an accordion content slider

Creating tabbed content

Creating a modal pop up

Creating a draggable content pop up

7. User Interface Animation

Introduction

Creating an animated login form

Adding photo zoom

Creating an animated content slider

Animating background images

Creating an animated navigation menu

8. Understanding Plugin Development

Introduction

Creating a plugin template

Creating a tooltip plugin

Building a content and image slider plugin

Creating an RSS feed reader plugin

Coding an image cropper plugin from scratch

9. jQuery UI

Introduction

Creating stylish and functional buttons

Creating dialog boxes for user information and input

Implementing progress bars within your application

Adding date picker interfaces to input boxes quickly

Creating an autocomplete search feature

10. Working with jQuery Mobile

Introduction

Creating a basic mobile website template

Building a complete static website

Building a dynamic mobile website

Implementing the quick call functionality

Implementing the send SMS functionality

Adding mobile-friendly lists

Using touch-oriented events

Creating mobile-compatible forms

Building a complete registration and login system

Building a complete mobile web app

Index

jQuery 2.0 Development Cookbook

By : Leon Revill

jQuery 2.0 Development Cookbook

By: Leon Revill

Overview of this book

Creating tabbed content

Getting ready

How to do it…

jQuery 2.0 Development Cookbook

By : Leon Revill

jQuery 2.0 Development Cookbook

By: Leon Revill

Overview of this book

Creating tabbed content

Getting ready

How to do it…

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access