A Simple Use Case: Using YUI PHP Loader to Load the Calendar Control

This example implements the YUI PHP Loader Utility to load the Calendar Control.

The workflow happens in three steps:

Include the YUI PHP Loader class file
Create a YAHOO_util_YUILoader instance: Set configuration flags as needed, call the load method with a list of components to load, and define what to do once the components are loaded (in this case, once the components are loaded we instantiate a Calendar Control on the page).
Ouput Loader results

Here's what that looks like in terms of raw source — this is the full source code for this example:

<?PHP
include("loader.php");
$loader = new YAHOO_util_Loader("<?PHP echo($yuiCurrentVersion);?>");

//Specify YUI components to load
$loader->load("calendar");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>YUI PHP Loader Utility Basic Example: Loading YUI Calendar with the YUI PHP Loader Utility</title>

<?PHP
	//Output the CSS and JavaScript tags
    echo $loader->tags();
	?>
</head>

<h1>YUI PHP Loader Utility Basic Example: Loading the YUI Calendar Control with the YUI PHP Loader Utility</h1>

<p>In this example, we bring a YUI component onto the page using the <a href="http://developer.yahoo.com/yui/phploader/">YUI PHP 
Loader Utility</a>. This example implements YUI PHP Loader via a <code>YAHOO_util_Loader</code> instance.  We include the YUI PHP 
Loader script file, then specify in configuration which component we want loaded on the page — and what we want to do once 
it <em>is</em> loaded.</p>

This code executes the following steps in order:

YUI PHP Loader loads taking the configuration settings into account. It gets instructions about what components are required and how to configure them.
YUI PHP Loader checks the dependency tree. Loader knows that Calendar requires the Yahoo Global Object, the Dom Collection, the Event Utility, and the Calendar Control file as well as Calendar's CSS file. It knows that it can get Yahoo, Dom and Event in a single file, so it uses a rollup for those and loads that rolled up JavaScript file via a <script> node that it inserts on the page. It waits for that file to load, then loads the Calendar Control's JavaScript file; this must be loaded after Yahoo, Dom and Event are in place.

YUI PHP Loader Utility: Using YUI Loader to Load the Calendar Control (Simple)

A Simple Use Case: Using YUI PHP Loader to Load the Calendar Control