Location: PHPKode > projects > Content*Builder > contentbuilder/plugins/article2/editor_v2/toolbars/Doc/example2.htm
<!-- 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>

Return current item: Content*Builder