Index

A

• $.ajax() function / Waiting for an AJAX response, jQuery, How it works…
• $.ajax() method / jQuery
• .ajaxError method / How it works…
• .append() function / How it works…
• About item / How to do it…
• accordion
  • about / Creating an accordion content slider
• accordion content slider
  • creating / How to do it…
  • working / How it works…
• addClass() function / How it works…, How it works…, jQuery, jQuery
• addErrorData() function / jQuery
• addEvent() function / How it works…
• Add note button / How to do it…
• after() function / jQuery
• AJAX errors
  • handling / How to do it…, How it works…, There's more…
• AJAX requests
  • caching / Getting ready, How to do it…, HTML, jQuery
• AJAX response
  • about / Waiting for an AJAX response
  • waiting / How to do it…, PHP, jQuery
• animate() function / jQuery, How it works…, How it works…, How it works…
• animated content slider
  • about / Creating an animated content slider
  • creating / How to do it…
  • working / How it works…, There's more…
• animated login form
  • creating / Getting ready, How to do it…
  • working / How it works…, There's more…
• animated navigation menu
  • about / Creating an animated navigation menu
  • creating / How to do it…
  • working / How it works…, See also
• anti-spam measures
  • about / Adding anti-spam measures
  • adding / How to do it…
  • working / How it works…, There's more…
• append() function / How it works…, jQuery
• autocomplete() function / How it works…
• autocomplete search feature
  • about / Creating an autocomplete search feature
  • adding / How to do it…, How it works…
• autoOpen option / How it works…
• autosuggest feature
  • about / Creating an autosuggest feature
  • creating / Getting ready, How to do it…
  • working / HTML, CSS, jQuery

B

• background images
  • animating / How to do it…, How it works…
• basic drag-and-drop functionality
  • about / Creating a basic drag-and-drop functionality
  • creating / How to do it…, How it works…
• basic form validation
  • about / Implementing basic form validation
  • implementing / How to do it…
  • HTML / HTML
  • CSS / CSS
  • jQuery / jQuery
• before()functions / How it works…
• beforeSend() function / JavaScript
• beforeSend parameter / jQuery
• blinking button
  • creating, jQuery used / Getting ready, How to do it…, How it works…, There's more…
• box-shadow attribute / How it works…
• button() function / How it works…
• button clicks
  • detecting / How it works…, There's more...
• buttons
  • enabling, by property change / Enabling and disabling buttons by changing their properties, How it works…
  • disabling, by property change / Enabling and disabling buttons by changing their properties, How to do it…, How it works…
• buttonset() function / How it works…

C

• .change() event handler / How it works…
• .change() function / How it works…
• .click() function / There's more..., How it works…
• .click() method / How it works…
• call application functionality
  • implementing / How to do it…, How it works…
• callback() function / How it works…
• callto* attribute / How it works…
• change() function / How it works…
• change event handlers
  • attaching / How to do it…, How it works…
• changePage() function / How it works…
• Choose File button / Image selection and preview
• clearInterval() function / How it works…
• click() function / How it works…, How it works…
• client-side validation
  • using / Introduction
• closest() function / JavaScript
• complete mobile web app
  • about / Building a complete mobile web app
  • creating / How to do it…
  • HTML code / HTML
  • SQL code / SQL
  • PHP scripts / PHP
  • JavaScript / JavaScript, There's more…
• complete registration
  • creating / How to do it…
• content based user input
  • updating / Updating content based on user input, How to do it…, How it works…
• content slider plugin
  • and image, creating / How to do it…, How it works…
• createList() function / How it works…
• createNoteItem() function / JavaScript
• crypt() function / PHP
• CSS / CSS
• css() function / How it works…, How it works…, How it works…
• CSS classes
  • removing, for style modifications / Getting ready, How to do it…, How it works…
  • adding, for style modifications / Getting ready
• currentPage variables / Getting ready
• custom event
  • about / Creating a custom event
  • creating / How to do it…, How it works…

D

• .done() function / jQuery
• .done() method / jQuery
• data() function / How it works…
• data- attribute / How it works…
• data-role attribute / How it works…
• data-split-icon attribute / How to do it…
• Date() function / How it works…
• dateFormat option / How it works…
• datepicker() function / How it works…
• date pickers
  • about / Adding date picker interfaces to input boxes quickly
  • adding, to input boxes / Adding date picker interfaces to input boxes quickly, How to do it…, How it works…
• date validation
  • about / Adding date validation
  • adding / How to do it…, How it works…
• dialog() function / How it works…
• dialog boxes
  • adding, to application / How to do it…, How it works…
• displayCategory() function / How it works…
• DOM CSS
  • manipulating / Manipulating element CSS, How to do it…
  • working / How it works…
• DOM elements
  • selecting / Getting ready, How to do it…, How it works…, There's more…
  • creating / Creating DOM elements, How it works…
  • content, inserting into / Inserting content into an element, How to do it…, How it works…
  • properties, modifying / Modifying the DOM element properties, How it works…
  • removing / Removing DOM elements, How it works…
  • re-using / Re-using DOM elements, Getting ready, How it works…
  • removing, with effects / How to do it…, How it works…
• doSearch(); function / jQuery
• doSearch() function / jQuery
• doStuff() function / How it works…
• doValidation() function / How to do it…, How to do it…, How it works…
• doValidation function / How it works…
• draggable class / How it works…
• draggable content pop up
  • about / Creating a draggable content pop up
  • creating / How to do it…, How it works…
• dragging class / How it works…
• drawSelection() function / Image crop plugin
• dynamic animated tree menu
  • creating / How to do it…, How it works…
• dynamic list
  • creating, with pages / How to do it…, How it works…
• dynamic mobile website
  • creating, PHP used / How to do it…, How it works…
• dynamic table of contents
  • creating / How to do it…
  • working / How it works…, There's more…

E

• $.each() function / How it works…, jQuery, jQuery
• $.each() method / How it works…
• e-mail address validation
  • about / Adding e-mail address validation
  • adding / How to do it…, How it works…
• each() function / How it works…
• effects
  • used, for DOM elements removing / Removing elements with effects, How to do it…, There's more…
• elements
  • showing, jQuery used / How to do it…, jQuery
  • hiding, jQuery used / How to do it…, jQuery
  • fading / Fading elements, How to do it…, jQuery, There's more…
• empty() function / How it works…
• event,prevenDefault(); function / How it works…
• event.stopPropagation(); function / How it works…
• events
  • trigerring, manually / Getting ready, How to do it…, There's more...
• event triggers
  • about / Preventing event triggers
  • preventing / How to do it…, How it works…
• extend() function / How it works…

F

• .fadeIn() function / How it works…
• .fail() function / There's more…
• fadeIn() function / There's more…, How it works…, How it works…, How it works…
• fadeIn effects / How it works…
• fadeOut() effects / How it works…
• fadeOut() function / How it works…, How it works…
• fadeTo() function / How it works…, There's more…
• find() function / How it works…, How it works…
• find() method / How it works…
• findObjects() function / How it works…
• findObjects function / How it works…
• functional buttons, jQuery UI
  • creating / Creating stylish and functional buttons, How to do it…, How it works…
• functional mobile website
  • creating, with jQuery Mobile / How to do it…

G

• getUser() function / How to do it…, JavaScript

H

• .hoverinfo class / How it works…
• hasClass function / jQuery
• hide() function / There's more…
• hover action
  • detecting, with jQuery / Getting ready, How to do it…, How it works…
• HTML
  • loading, from web server to page / Loading HTML from a web server into a page, How to do it…, PHP, HTML, CSS, jQuery
  • loading, from web server to page / How to do it…
  / HTML
• html() function / How it works…

I

• image
  • and content slider plugin, creating / Getting ready, How to do it…, How it works…
• image cropper plugin
  • about / Coding an image cropper plugin from scratch
  • coding, from scratch / How to do it…
  • image selection / Image selection and preview
  • image preview / Image selection and preview
  • image crop plugin / Image crop plugin
  • image, uploading / Image upload
  • image, saving with PHP / Cropping and saving the image with PHP, There's more…
  • image,cropping with PHP / Cropping and saving the image with PHP, There's more…
• image crop plugin / Image crop plugin
• images
  • updating, within page / Updating an image within a page, How to do it…, There's more...
• Immediately-Invoked Function Expression (IIFE) / How it works…
• input character length
  • restricting / Restricting input character length, Getting ready, How it works…
• input character restrictions
  • implementing / Implementing input character restrictions, How to do it…, There's more…
• isFinite function / How it works…
• isNaN() function / How it works…
• isset() function / PHP

J

• JavaScript console
  • accessing, ways / How it works…
• JavaScript objects
  • searching / Searching JavaScript objects, How to do it…, How it works…
  • sorting / Sorting JavaScript objects, Getting ready, How to do it…, How it works…
• jQuery / jQuery
  • principles / Introduction
  • DOM elements, selecting / Selecting elements
  • sibling elements, selecting / Finding and selecting sibling elements
  • sibling elements, searching / Getting ready
  • DOM elements, creating / Creating DOM elements
  • content, inserting into element / Inserting content into an element
  • DOM element properties, modifying / Modifying the DOM element properties
  • CSS classes, adding for style modification / Adding and removing CSS classes to dynamically change their style
  • CSS classes, removing for style modification / Getting ready
  • buttons, enabling / Enabling and disabling buttons by changing their properties
  • buttons, disabling / Enabling and disabling buttons by changing their properties
  • page image, updating / Updating an image within a page
  • list elements, populating / Populating list elements
  • pagination / Understanding pagination
  • DOM elements, removing / Removing DOM elements
  • DOM elements, re-using / Re-using DOM elements, How to do it…, How it works…
  • events, using / Introduction
  • used, for hover action detecting / How to do it…, How it works…
  • used, for page elements sliding / How to do it…, HTML, jQuery, There's more...
  • used, for element hiding / How to do it…, HTML
  • used, for element displaying / How to do it…, jQuery
  • used, for element fading / Fading elements, How to do it…, HTML, There's more…
  • used, for photo gallery creating / How to do it…, HTML, CSS, jQuery
  • used, for blinking button creating / Creating a blinking button, How to do it…, How it works…, There's more…
  • autocomplete search feature, creating / Creating an autocomplete search feature, Getting ready, How to do it…, How it works…
• jQuery effects
  • toggling / How to do it…, There's more…
  • about / Getting ready
  • stopping / How to do it…, How it works…, jQuery
  • chaining / How to do it…, How it works…
• jQuery Mobile
  • about / Introduction
  • version / Introduction
  • used, for functional mobile website creating / Getting ready, How to do it…, How it works…
• jQuery Mobile web page
  • creating / How to do it…, How it works…
• jQuery plugins
  • about / Introduction
• jQuery plugin template
  • creating / Creating a plugin template, How to do it…, How it works…
• jQuery UI
  • about / Introduction
  • stylish buttons, creating / Creating stylish and functional buttons, How to do it…, How it works…
  • functional buttons, creating / Getting ready, How to do it…, How it works…
• jQuery website / Introduction
• JSON
  • about / Processing JSON data
• JSON.stringify() function / JavaScript
• JSON data
  • processing / How to do it…, How it works…, HTML, jQuery
• JSON request
  • caching / Caching JSON and AJAX requests, How to do it…, jQuery
• json_encode() function / PHP

K

• keydown event / There's more…
• key press input events
  • detecting / Detecting key press events on inputs, How it works…, There's more…
• keyup event / How it works…

L

• list elements
  • populating / Populating list elements, How to do it…, How it works…
• live form validation
  • about / Implementing live form validation
  • adding / How to do it…
  • working / How it works…
• load() function / How it works…
• login form
  • about / Creating an animated login form
• login system
  • creating / How to do it…
  • HTML code / HTML
  • SQL code / SQL
  • PHP code / PHP
  • JavaScript, using / JavaScript

M

• #makeRequest button / How it works…
• $.mobile.showPageLoadingMsg() function / JavaScript
• mailto* attribute / How it works…
• makeSuggestion() function / jQuery
• minDate option / How it works…
• minLength property / How it works…
• mobile-compatible forms
  • about / Creating mobile-compatible forms
  • creating / How to do it…
  • Text input / Text input
  • select menu / Select menu
  • Checkboxes / Checkboxes and radio buttons
  • radio buttons / Checkboxes and radio buttons
  • additional / Additional
• mobile-friendly lists
  • adding / How to do it…
  • working / How it works…
• modal
  • about / Creating a modal pop up
• modal* true option / How it works…
• modal pop up
  • creating / How to do it…, How it works…, There's more…
• modalPosition() function / How it works…, How it works…
• modals
  • adding, to application / How to do it…, How it works…
• mouseout event / How it works…
• mouseover event handler / How it works…
• MySQL
  • URL / Introduction

N

• NaN (Not a Number) / How it works…
• nav-item class / How it works…
• new Date() method / There's more...
• news ticker
  • about / Creating a news ticker
  • creating / How to do it…
  • working / How it works…
• number
  • validating / Adding number validation
• number validation
  • adding / How to do it…, How it works…
  • for credit card number / Adding credit card number validation
  • credit card number validation, adding / How to do it…, How it works…

O

• .on() function / How it works…, jQuery
• on() function / How it works…, How it works…
• on() method / How it works…
• onload() function / Image upload
• onprogress() function / Image upload
• onSelectionEnd() function / Image crop plugin
• orientationchange event / How it works…
• outerHeight() function / How it works…
• outerWidth() function / How it works…
• Overlay layer / Image crop plugin

P

• page
  • images, updating / Updating an image within a page, How to do it…, How it works…, There's more...
  • HTML loading, from web server to / Loading HTML from a web server into a page, How to do it…, PHP, HTML, CSS, jQuery
• pagebeforechange event / How to do it…, JavaScript
• pagedResults variables / Getting ready
• page elements
  • sliding / Sliding page elements
  • sliding, jQuery used / How to do it…, jQuery, There's more...
• pageSize variables / Getting ready
• paginated data set
  • creating / Getting ready, How to do it…, How it works…
• pagination
  • about / Understanding pagination
• parseInt function / How it works…
• password strength indicator
  • about / Adding a password strength indicator
  • adding / How to do it…, How it works…
• photo gallery
  • about / Creating a basic photo gallery
  • creating / How to do it…
  • working / How it works…, CSS, jQuery
• photo zoom
  • about / Adding photo zoom
  • adding, to images / How to do it…
  • working / How it works…
• PHP
  • URL / Introduction
  • used, for dynamic mobile website creating / Building a dynamic mobile website, How to do it…, How it works…
• PHP scripts
  • addNote.php / PHP
  • deleteNote.php / PHP
  • getNotes.php / PHP
• prepend() function / How it works…
• progressbar() function / How it works…
• progress bars
  • about / Implementing progress bars within your application
  • adding, to applications / Implementing progress bars within your application, How to do it…, How it works…
• prop() function / How it works…
• prop() method / There's more...

R

• rand() function / PHP
• real_escape_string() function / PHP
• remove() function / How it works…
• removeClass() function / How it works…, How it works…, How it works…
• response() function / How it works…
• restrictDates() function / How it works…
• RSS feed reader plugin
  • about / Creating an RSS feed reader plugin
  • creating / How to do it…, How it works…
• rssreader-frame class / How it works…

S

• $scope.init() function / How to do it…, How to do it…
• .sort() function / How it works…
• .splice() function / How it works…
• .success() function / jQuery
• scroll() function / How it works…
• scrollTop parameter / How it works…
• search() function / How it works…
• search feature
  • about / Creating a search feature
  • creating / How to do it…
  • working / SQL, PHP, jQuery
• Selection layer / Image crop plugin
• Selection Outline layer / Image crop plugin
• send SMS functionality
  • implementing / How to do it…, There's more…
• setInterval() function / How it works…, How it works…
• setTimeout() function / There's more...
• show() function / There's more…
• sibling elements
  • selecting / Finding and selecting sibling elements, How to do it…, How it works…
  • finding / How to do it…, How it works…
• sleep() method / PHP
• slideDown() effects / How it works…
• slideToggle() function / jQuery, How it works…
• slideUp() effects / How it works…
• slideUp() function / How it works…, How it works…
• smooth scrolling
  • using / Implementing smooth scrolling
  • implementing / How to do it…, How it works…
• sms* attribute / How it works…
• source() function / How it works…
• source property / How it works…
• Start Progress button / How it works…
• sticky.js plugin / There's more…
• sticky elements
  • about / Creating sticky elements
  • creating / How to do it…
  • working / How it works…
• stop() function / jQuery
• stylish buttons, jQuery UI
  • creating / Creating stylish and functional buttons, How to do it…, How it works…
• success() function / How to do it…, JavaScript
• success parameter / jQuery
• swipe event / How to do it…

T

• .trigger() function / How it works…
• tabbed content
  • creating / Creating tabbed content, How to do it…, How it works…
• table of contents
  • about / Creating a dynamic table of contents
• taphold event / How to do it…
• tel* attribute / How it works…
• text() function / How it works…
• ticker() function / How it works…
• toggleClass() function / How it works…
• toggleFade() function / jQuery
• tooltip plugin
  • about / Creating a tooltip plugin
  • creating / How to do it…, How it works…
• totalResults variables / Getting ready
• touch-oriented events
  • using / How to do it…
  • working / How it works…
• Touch to Call / Introduction
• Trakt.tv / Getting ready
• tree menus
  • about / Creating a dynamic animated tree menu
• two buttons, with click event handlers
  • creating / How to do it…

U

• updateElementData() function / Image crop plugin
• updateList() function / How it works…
• user element clicks
  • detecting / How to do it…

V

• val() function / How it works…
• valdiateNumber() function / How to do it…
• validateAntiSpam() function / How to do it…
• validateCreditCard function / How it works…
• validateDate() function / How it works…
• validateEmail() function / How to do it…, How it works…
• validateNumber function / How it works…
• validatePasswords() function / How to do it…
• validatePasswords function / How it works…
• validateRequired() function / jQuery, How it works…
• View Notes button / How to do it…

W

• $.when() function / jQuery
• website elements
  • clicking on / Detecting button clicks
• wrap() function / Image crop plugin
• wrapAll() function / How it works…