In this demonstration the WebMenu control is used in a sample page and configured with PHP to create the menu shown.

Step 1 - Create an instance of WebMenu on your page.

Import the WebMenu library and create a new WebMenu object.

<?php

include 'Coalesys.WebMenu.php';

$objWM = new Coalesys\WebMenu\WebMenu();

Step 2 - Set the UserAgent property for automatic browser detection.

Setting the UserAgent property to the User-Agent string allows WebMenu to auto-detect the browser and to generate the code that is specific to it.

$objWM->setUserAgent($_SERVER["HTTP_USER_AGENT"]);

Step 3 - Set the basic image properties.

A few basic images exist within webmenu that should always be set.

objWM.setPopupIcon("./images/popup.gif");
objWM.setSelectedPopupIcon("./images/popup.gif");

Step 4 - Add a Group and Item object to the menu.

The Groups and Items collections are used to manage the Group and Item objects. Here we add 1 Group and within that Group we add 1 Item.

$objGroup = $objWM->getGroups()->Add();
$objGroup->setCaption("Home");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("News");
$objItem->setURL("news.php");

Step 5 - Add a nested Group and Item.

Continue adding Items to the Group that you created in the step above. When you want to add a sub-group to one of the items, obtain a reference to the Item and use its AddGroup() method.

$objGroup = $objWM->getGroups()->Add();
$objGroup->setCaption("Home");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("News");
$objItem->setURL("news.php");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("About Us");
$objItem->setURL("about.php");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("Contact");
$objItem->setURL("contact.php");

$objGroup = $objWM->getGroups()->Add();
$objGroup->setCaption("Products");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("Super Widget");
$objItem->setURL("SuperWidget.php");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("Super Widget Pro");
$objItem->setURL("superwidgetpro.php");

Step 6 - Generate the WebMenu output the Page.

The main WebMenu object has methods to generate blocks of client code to the page in sections. Event handlers are also added to the BODY tag.

<html>
<head>
	<title>Quick Start</title>

	<style type="text/css">
		<?php echo $objWM->GenerateStyleSheet() ?>
	</style>
		
	<script type="text/javascript">
		<?php echo $objWM->GenerateJavaScript(0) ?>
	</script>
</head>

<body
	onload="<?php echo $objWM->GenerateOnLoadEvent() ?>"
	onresize="<?php echo $objWM->GenerateOnResizeEvent() ?>">

	<?php echo $objWM->GenerateWebMenu(0) ?>

</body>
</html>


Step 7 - The Completed Page.

Below is the complete PHP page.

<?php

include 'Coalesys.WebMenu.php';

$objWM = new Coalesys\WebMenu\WebMenu();

$objWM->setUserAgent($_SERVER["HTTP_USER_AGENT"]);
$objGroup = $objWM->getGroups()->Add();
$objGroup->setCaption("Home");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("News");
$objItem->setURL("news.php");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("About Us");
$objItem->setURL("about.php");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("Contact");
$objItem->setURL("contact.php");

$objGroup = $objWM->getGroups()->Add();
$objGroup->setCaption("Products");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("Super Widget");
$objItem->setURL("SuperWidget.php");

$objItem = $objGroup->getItems()->Add();
$objItem->setCaption("Super Widget Pro");
$objItem->setURL("superwidgetpro.php");

?>

<html>
<head>
	<title>Quick Start</title>

	<style type="text/css">
		<?php echo $objWM->GenerateStyleSheet() ?>
	</style>
		
	<script type="text/javascript">
		<?php echo $objWM->GenerateJavaScript(0) ?>
	</script>
</head>

<body
	onload="<?php echo $objWM->GenerateOnLoadEvent() ?>"
	onresize="<?php echo $objWM->GenerateOnResizeEvent() ?>">

	<?php echo $objWM->GenerateWebMenu(0) ?>

</body>
</html>




Copyright © Coalesys, Inc.