| <div dojoAttachPoint="domNode" class="EditorToolbarDomNode" unselectable="on"> |
| <table cellpadding="3" cellspacing="0" border="0"> |
| <!-- |
| our toolbar should look something like: |
| |
| +=======+=======+=======+=============================================+ |
| | w w | style | copy | bo | it | un | le | ce | ri | |
| | w w w | style |=======|==============|==============| |
| | w w | style | paste | undo | redo | change style | |
| +=======+=======+=======+=============================================+ |
| --> |
| <tbody> |
| <tr valign="top"> |
| <td rowspan="2"> |
| <div class="bigIcon" dojoAttachPoint="wikiWordButton" |
| dojoOnClick="wikiWordClick; buttonClick;"> |
| <span style="font-size: 30px; margin-left: 5px;"> |
| W |
| </span> |
| </div> |
| </td> |
| <td rowspan="2"> |
| <div class="bigIcon" dojoAttachPoint="styleDropdownButton" |
| dojoOnClick="styleDropdownClick; buttonClick;"> |
| <span unselectable="on" |
| style="font-size: 30px; margin-left: 5px;"> |
| S |
| </span> |
| </div> |
| <div class="StyleDropdownContainer" style="display: none;" |
| dojoAttachPoint="styleDropdownContainer"> |
| <table cellpadding="0" cellspacing="0" border="0" |
| height="100%" width="100%"> |
| <tr valign="top"> |
| <td rowspan="2"> |
| <div style="height: 245px; overflow: auto;"> |
| <div class="headingContainer" |
| unselectable="on" |
| dojoOnClick="normalTextClick">normal</div> |
| <h1 class="headingContainer" |
| unselectable="on" |
| dojoOnClick="h1TextClick">Heading 1</h1> |
| <h2 class="headingContainer" |
| unselectable="on" |
| dojoOnClick="h2TextClick">Heading 2</h2> |
| <h3 class="headingContainer" |
| unselectable="on" |
| dojoOnClick="h3TextClick">Heading 3</h3> |
| <h4 class="headingContainer" |
| unselectable="on" |
| dojoOnClick="h4TextClick">Heading 4</h4> |
| <div class="headingContainer" |
| unselectable="on" |
| dojoOnClick="blahTextClick">blah</div> |
| <div class="headingContainer" |
| unselectable="on" |
| dojoOnClick="blahTextClick">blah</div> |
| <div class="headingContainer" |
| unselectable="on" |
| dojoOnClick="blahTextClick">blah</div> |
| <div class="headingContainer">blah</div> |
| <div class="headingContainer">blah</div> |
| <div class="headingContainer">blah</div> |
| <div class="headingContainer">blah</div> |
| </div> |
| </td> |
| <!-- |
| <td> |
| <span class="iconContainer" dojoOnClick="buttonClick;"> |
| <span class="icon justifyleft" |
| style="float: left;"> </span> |
| </span> |
| <span class="iconContainer" dojoOnClick="buttonClick;"> |
| <span class="icon justifycenter" |
| style="float: left;"> </span> |
| </span> |
| <span class="iconContainer" dojoOnClick="buttonClick;"> |
| <span class="icon justifyright" |
| style="float: left;"> </span> |
| </span> |
| <span class="iconContainer" dojoOnClick="buttonClick;"> |
| <span class="icon justifyfull" |
| style="float: left;"> </span> |
| </span> |
| </td> |
| --> |
| </tr> |
| <tr valign="top"> |
| <td> |
| thud |
| </td> |
| </tr> |
| </table> |
| </div> |
| </td> |
| <td> |
| <!-- copy --> |
| <span class="iconContainer" dojoAttachPoint="copyButton" |
| unselectable="on" |
| dojoOnClick="copyClick; buttonClick;"> |
| <span class="icon copy" |
| unselectable="on" |
| style="float: left;"> </span> copy |
| </span> |
| <!-- "droppable" options --> |
| <span class="iconContainer" dojoAttachPoint="boldButton" |
| unselectable="on" |
| dojoOnClick="boldClick; buttonClick;"> |
| <span class="icon bold" unselectable="on"> </span> |
| </span> |
| <span class="iconContainer" dojoAttachPoint="italicButton" |
| dojoOnClick="italicClick; buttonClick;"> |
| <span class="icon italic" unselectable="on"> </span> |
| </span> |
| <span class="iconContainer" dojoAttachPoint="underlineButton" |
| dojoOnClick="underlineClick; buttonClick;"> |
| <span class="icon underline" unselectable="on"> </span> |
| </span> |
| <span class="iconContainer" dojoAttachPoint="leftButton" |
| dojoOnClick="leftClick; buttonClick;"> |
| <span class="icon justifyleft" unselectable="on"> </span> |
| </span> |
| <span class="iconContainer" dojoAttachPoint="fullButton" |
| dojoOnClick="fullClick; buttonClick;"> |
| <span class="icon justifyfull" unselectable="on"> </span> |
| </span> |
| <span class="iconContainer" dojoAttachPoint="rightButton" |
| dojoOnClick="rightClick; buttonClick;"> |
| <span class="icon justifyright" unselectable="on"> </span> |
| </span> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <!-- paste --> |
| <span class="iconContainer" dojoAttachPoint="pasteButton" |
| dojoOnClick="pasteClick; buttonClick;" unselectable="on"> |
| <span class="icon paste" style="float: left;" unselectable="on"> </span> paste |
| </span> |
| <!-- "droppable" options --> |
| <span class="iconContainer" dojoAttachPoint="undoButton" |
| dojoOnClick="undoClick; buttonClick;" unselectable="on"> |
| <span class="icon undo" style="float: left;" unselectable="on"> </span> undo |
| </span> |
| <span class="iconContainer" dojoAttachPoint="redoButton" |
| dojoOnClick="redoClick; buttonClick;" unselectable="on"> |
| <span class="icon redo" style="float: left;" unselectable="on"> </span> redo |
| </span> |
| </td> |
| </tr> |
| </tbody> |
| </table> |
| </div> |