<!-- Copyright 1999 Microsoft Corporation. All rights reserved. -->
<!-- Author: Steve Isaac, Microsoft Corporation -->
<head>
<link REL="stylesheet" TYPE="text/css" HREF="../toolbars.css">
</head>
<body>
<!-- Toolbar definitions -->
<div class="tbToolbar" ID="Toolbar1">
<div class="tbButton" ID="DECMD_BOLD" TITLE="Bold" TBTYPE="toggle" LANGUAGE="javascript" onclick="alert('Bold button toggled');">
<img class="tbIcon" src="../../images/bold.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbButton" ID="DECMD_ITALIC" TITLE="State set to checked" TBTYPE="toggle" TBSTATE="checked" LANGUAGE="javascript" onclick="alert('Italic toggled');">
<img class="tbIcon" src="../../images/italic.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbButton" ID="DECMD_UNDERLINE" TITLE="State set to gray" TBSTATE="gray" LANGUAGE="javascript" onclick="alert('You will never see this...');">
<img class="tbIcon" src="../../images/under.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbSeparator"></div>
<select ID="FontName" class="tbGeneral" style="width:140" TITLE="Font Name" LANGUAGE="javascript" onchange="alert('Font name set to: ' + FontName.value);">
<option value="Arial">Arial
<option value="Arial Narrow">Arial Narrow
<option value="System">System
<option value="Times New Roman">Times New Roman
<option value="Verdana">Verdana
</select>
<div class="tbSeparator"></div>
<div class="tbButton" ID="DECMD_JUSTIFYLEFT" TBTYPE="radio" TITLE="Left Radio Button" NAME="Justify" LANGUAGE="javascript" onclick="alert('Left radio button selected');">
<img class="tbIcon" src="../../images/left.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbButton" ID="DECMD_JUSTIFYCENTER" TBTYPE="radio" TBSTATE="checked" TITLE="Center Radio Button" NAME="Justify" LANGUAGE="javascript" onclick="alert('Center radio button selected');">
<img class="tbIcon" src="../../images/center.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbButton" ID="DECMD_JUSTIFYRIGHT" TBTYPE="radio" TITLE="Right Radio Button" NAME="Justify" LANGUAGE="javascript" onclick="alert('Right radio button selected');">
<img class="tbIcon" src="../../images/right.gif" WIDTH="23" HEIGHT="22">
</div>
</div>
<div class="tbToolbar" ID="Toolbar2">
<div class="tbMenu" ID="Menu1">
First
<div class="tbMenuItem" ID="FORMAT_PLAIN" LANGUAGE="javascript" onclick="alert('Plain Menu Item');">
Plain Menu Item
</div>
<div class="tbSeparator"></div>
<div class="tbMenuItem" ID="FORMAT_BOLD" TBTYPE="toggle" LANGUAGE="javascript" onclick="alert('Bold');">
Bold
<img class="tbIcon" src="../../images/bold.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbMenuItem" ID="FORMAT_ITALIC" TBTYPE="toggle" TBSTATE="checked" LANGUAGE="javascript" onclick="alert('Italic');">
Italic, initially checked
<img class="tbIcon" src="../../images/italic.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbMenuItem" ID="FORMAT_UNDERLINE" TBTYPE="toggle" TBSTATE="gray" LANGUAGE="javascript" onclick="alert('You will never see this');">
Underline, grayed
<img class="tbIcon" src="../../images/under.gif" WIDTH="23" HEIGHT="22">
</div>
</div>
<div class="tbMenu" ID="Menu2">
Second
<div class="tbMenuItem" ID="FORMAT_FONT" TBTYPE="toggle" LANGUAGE="javascript" onclick="alert('Toggle');">
Toggle Menu Item
</div>
<div class="tbSeparator"></div>
<div class="tbMenuItem" ID="FORMAT_JUSTIFYLEFT" TBTYPE="radio" NAME="MenuJustify" LANGUAGE="javascript" onclick="alert('Left Radio');">
Left Radio
<img class="tbIcon" src="../../images/left.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbMenuItem" ID="FORMAT_JUSTIFYCENTER" TBTYPE="radio" TBSTATE="checked" NAME="MenuJustify" LANGUAGE="javascript" onclick="alert('Center Radio');">
Center Radio
<img class="tbIcon" src="../../images/center.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbMenuItem" ID="FORMAT_JUSTIFYRIGHT" TBTYPE="radio" NAME="MenuJustify" LANGUAGE="javascript" onclick="alert('Right Radio');">
Right Radio
<img class="tbIcon" src="../../images/right.gif" WIDTH="23" HEIGHT="22">
</div>
<div class="tbSeparator"></div>
<div class="tbSubmenu" ID="SUBMENU">
Submenu
<div class="tbMenuItem" ID="SUBMENU1" LANGUAGE="javascript" onclick="alert('red');">
<span style="color:red"> Red </span>
</div>
<div class="tbMenuItem" ID="SUBMENU2" LANGUAGE="javascript" onclick="alert('green');">
<span style="color:green"> Green </span>
</div>
<div class="tbMenuItem" ID="SUBMENU3" LANGUAGE="javascript" onclick="alert('bold yellow');">
<span style="color:yellow"> <b> Bold Yellow </b> </span>
</div>
</div>
</div>
<div class="tbSeparator"></div>
<div class="tbButton" ID="DECMD_ABSOLUTE" TBTYPE="toggle" TITLE="Absolute" LANGUAGE="javascript" onclick="alert('Absolute button hit');">
<img class="tbIcon" src="../../images/abspos.gif" WIDTH="23" HEIGHT="22">
</div>
</div>
<!-- Content element -->
<div id="tbContentElement" class="tbContentElement" style="overflow:auto; background-color: white; border: 2 inset white; padding-left:10; padding-right:10;">
Hello World!
</div>
<script LANGUAGE="Javascript" SRC="../toolbars.js">
</script>
<script LANGUAGE="Javascript">
tbScriptletDefinitionFile = "../menubody.htm";
</script>
<script LANGUAGE="Javascript" SRC="../tbmenus.js">
</script>
</body>