Book Image

Building Websites with ExpressionEngine 2

By : Leonard Murphy
Book Image

Building Websites with ExpressionEngine 2

By: Leonard Murphy

Overview of this book

<p>ExpressionEngine is a flexible, feature-rich content management system used by top designers and web professionals across the world to build and manage their websites. It is written in the world's most popular web scripting language, PHP, and built on the MySQL database server. Are you eager to start creating websites with ExpressionEngine?<br /><br />Written for ExpressionEngine version 2.1 and later, this book will give you clear, concise, and practical guidance to take you from the basics of setting up ExpressionEngine to developing the skills you need to create ExpressionEngine websites to be reckoned with.<br /><br />You will begin with setting up a basic installation of ExpressionEngine. You will then learn how it works, before learning how to create and manage your website in ExpressionEngine. As you progress further into the book you will learn how to build an events calendar and how to build a photo gallery and before you know it, visitors to your website will be able to post comments, search your content, sign-up for a mailing list, and even send their friends an e-mail. As you consider the benefits of buying this book, you will learn how to manage members and member groups, how to optimize your website and avoid repetition, how to remove the index.php file for cleaner URLs, and how to take backups. At the end of the book, you will learn how to update ExpressionEngine to its latest version.</p>
Table of Contents (17 chapters)
Building Websites with ExpressionEngine 2
Credits
About the Author
About the Reviewers
Preface
Solutions to Exercises

Displaying events on your calendar


To display the event on your calendar, you will use an ordinary hyperlink to your single-entry template with a special class (pop-up). The pop-up class will correspond to JavaScript in your HTML header that will call upon the FancyBox jQuery plugin to display the single-entry template in an overlay dialog box. First, you need to enable the jQuery module in your template.

  1. 1. First, verify that the jQuery module is enabled. It is enabled by default if you have installed Agile Records. Select Add-Ons | Modules from the main menu and verify that jQuery is marked as installed. If not, click Install in the Status column to install it.

  2. 2. Edit the template calendar/index.

  3. 3. The first change you are going to make is to activate the jQuery module. In the <head> section of the template, add the following tag:

    {exp:jquery:script_tag}
    

    Note

    When saving your template, if you see a warning that no closing tag was found, do not worry. The jQuery tag is a tag that...