Book Image

Joomla! 1.5 JavaScript jQuery

Book Image

Joomla! 1.5 JavaScript jQuery

Overview of this book

Ever wondered how all the great-looking, feature packed, amazing Joomla! sites are made? Would you like to add image transitions, popups, scrolls, AJAX forms, image galleries, no-page reloads to your website, but are worried that they will be difficult to implement? To make any Joomla! site look more professional, interactive, and interesting you need the ease and power of jQuery.This book will help you to use the jQuery library with the Joomla! CMS. It will take you through adding jQuery functionality to the Joomla! CMS and show how to use it to make the modules and themes more dynamic, interactive, and responsive, and add effects to your Joomla! site.The book starts by showing a plain Joomla! site without any JavaScript enhancement or features, then accompanies you through the process of site enhancement.First you will learn how to make use of third-party extensions to include jQuery features into your site. These can be image galleries, jQuery powered menus, tooltips, and many, many more. Later on you will learn how to modify your template to add some features to your Joomla! site, You will also learn to build your own jQuery-powered Joomla! extensions, and how to pack them so that you can use them in any project you like. Further, you will learn to create your own modules and components.By the end of this book, you will have learned how to enhance any Joomla! site with JavaScript and jQuery.
Table of Contents (16 chapters)
Joomla! 1.5 JavaScript jQuery
Credits
About the Author
About the Reviewers
Preface
Index

Index

A

  • admin zone, Joomla! component
  • admin zone, news rotator module
    • creating /
    • records, inserting /
  • AJAX Header Rotator module
    • parameters /
  • AJAX search
    • example /
  • ajaxSearch module
    • parameters /
  • ajaxSearch module parameters
    • search box text /
    • bottom text /
    • no results text /
    • category /
    • amount of results /
    • order by /
  • Art Pretty Photo
    • about /

B

  • BK-Thumb
    • about /

C

  • c7dialogmod
    • about /
    • modifying /
  • c7DialogMOD Module
    • installing /
    • parameters /
    • configuring /
    • issue /
    • issue, solving /
  • c7DialogMOD Module parameters
    • height /
    • width /
    • themes /
    • position /
    • X-coordinate / Y-coordinate /
    • module name /
    • dialog display mode /
    • link text /
  • Coda Bubble plugin
    • using /
  • coda_bubble class
    • trigger element /
    • bubble_html element /
    • parameters /
  • component base, news rotator module
    • XML installer file, creating /
    • files, need for /
    • model, building /
  • Content Slider Module
    • about /
    • installing /
    • parameters /
  • Content Slider Module parameters
    • Module Class Suffix /
    • category /
    • Unique ID /
    • interval /
    • width and height /
    • randomize items /
    • display content item titles /
    • assume jQuery already loaded /
  • Core Design Chilicode plugin
    • about /
    • default language, parameters /
    • default source, parameters /
    • script directory , advanced parameters /
  • Core Design Scriptegrator plugin
    • about /
    • parameters /
    • load jQuery to, parameters /
    • load Highslide to, parameters /
    • GZIP compression, parameters /

F

H

  • Honeypot Captcha
    • about /
  • HxD MooMenu
    • about /

I

J

  • JavaScript
  • Joomla!
    • images, handling by default /
    • image pop ups /
    • blog style /
    • data, inserting /
    • data, updating /
    • records, deleting /
    • data, reading /
    • loadResult method /
    • loadObject method /
  • Joomla! component backend
  • Joomla! content
    • basic concepts /
  • Joomla! events
    • about /
    • onPrepareContent /
    • onBeforeDisplayContent /
    • onAfterDisplayContent /
  • Joomla! menu modules
    • menu, adapting to suit template /
  • Joomla! module
    • building /
    • installing /
    • form sending, jQuery AJAX used /
    • form validating, JavaScript validation used /
  • Joomla! plugin
    • about /
    • working /
    • Code highlighter plugin /
    • Flickr Album Plugin /
  • jQuery
  • jQuery, unnecessary loads
    • removing /
    • Core Design Chili Code plugin /
    • Core Design Scriptegrator plugin /
    • pPGallery plugin /
    • Shadowbox /
    • AJAX Header Rotator /
    • content slider module /
  • jQuery form validation plugin
    • using /
  • jQuery Parallax library
    • adding /
  • jQuery powered image slideshow module
    • adding /
  • jQuery powered Joomla! menu modules
    • benefits /
  • jQuery tabs module
    • about /
    • modifying /
  • jQuery tabs module, parameters
    • tabs_type /
    • accordion options /
    • tabs options /
    • tab lable /
    • HTML, text /
  • jScrollPane plugin
    • about /
    • example /
    • mouse scrolling, adding /
  • JToolBarHelper methods
    • about /
    • editListX() /

L

  • limitations, Joomla! menu modules
    • about /
    • drop-down menu, creating with CSS /
  • loadObjectList method
    • about /
  • loadObject method
    • about /
  • loadResult method
    • about /
  • login modules
    • placing, on site /

M

N

  • news rotator module
    • working with /
    • component base, creating /
    • installer, modifying /
    • basic admin zone, creating /
    • basic admin zone, coding /
    • data, displaying /
    • jQuery, adding /
  • Ninja ShadowBox
    • installing /
    • working /
  • Ninja Shadow Panel
    • about /

P

  • packing
    • about /
  • Parallax effect
    • adding, to template /
    • example /
    • HTML, preparing for example /
    • jQuery Parallax library, adding /
  • Parallax plugin
    • downloading /
  • parameters, coda_bubble class
    • distances /
    • leftshifts /
    • bubbletimes /
    • hidedelays /
    • bubblewidths /
    • BubbleImagesPath /
    • msieFix /
    • msiepop /
  • parameters, Ninja ShadowBox
    • JavaScript library /
    • include core JS Library /
    • Shadowbox language /
    • CSS Skin /
    • include JS /
    • media formats /
    • image Map ID /
    • fix Internet Explorer 8 /
    • enable cache /
  • parameters, pPGallery
    • fixed thumbnail spacing /
    • quality /
    • vertical padding /
    • caption /
    • no. of thumbnails /
    • prefix text /
    • link popup text /
    • thumbnails only /
  • parameters, SC jQuery plugin
    • Load jQuery UI libraries (all) /
    • jQuery UI theme /
    • Enable plugin for frontend /
    • Enable plugin for backend /
    • Enter custom code here /
  • PixSearch Ajax Search module
    • about /
  • pop-up image gallery
    • about /
  • pPGallery
    • downloading /
    • installing /
    • parameters /

R

  • R3D Floater
    • about /
  • RokAjaxSearch
    • about /
  • Roktabs
    • about /

S

  • SC jQuery plugin
    • about /
    • features /
    • Minified version of jQuery 1.3 /
    • jQuery UI integration and templates /
    • parameters /
  • Send us a question module
    • creating /
  • Simple Image Gallery
    • about /
  • Simple jQuery Tabs
    • about /
  • site contents, enhancing
    • JavaScript, used /
    • contents, organizing into tabs /
    • article slideshow /
  • site search
    • about /
    • AJAX search, introducing /
  • slideShow
    • about /
  • slideshow modules
    • Rokslideshow /
    • ImageSlideShow /
    • JT SlideShow /
  • SlipTabs
    • about /
  • Superfish Dropdown Menu
    • about /
    • downloading /
    • parameters /
  • Superfish Dropdown Menu parameters
    • menu name /
    • menu style /
    • animation /
    • animation speed /
    • mouseOut Delay /
    • hover class /
    • path class /
    • path levels /
    • auto arrows /
    • drop shadows /
    • add clearing DIV /
    • load jQuery /
    • use no conflict mode /

T

  • table paginator plugin
    • download link /
    • adding, to admin zone /
  • textarea autogrow plugin
    • about /
    • download link /
  • tooltip plugin
    • Coda Bubble plugin /

U

  • unnecessary jQuery loads
    • removing /

W

X

  • XML installer file
    • creating /

Y

  • YOOcarousel
    • about /
  • YOOeffects
    • about /