jsmastronomy
editor_subheaders_button.naml

<override_macro name="editor_subheaders_button">
    <n.put_in_head.>
        <script type="text/javascript">
            Nabble.headersDropdown = function() {
                Nabble.closeWindows();
                $('#headers-dropdown').show();
            };
            
             Nabble.jsmbullet = function(vartxt) {
                var textarea = Nabble.get(textareaID);
                {
                    this.setSelection( textarea, vartxt );
                }
                textarea.focus();
            };
        </script>
    </n.put_in_head.>
 
    <td class="has-dropdown">
        <div id="headers-dropdown" class="editor-dropdown medium-border-color light-bg-color drop-shadow" style="padding:.5em;width:25em;margin-left:-15em">
            <h2><t>Instruction</t></h2>
            <t><t.example1.bold text="&lt;html code&gt;YOUR TEXT&lt;/html code&gt;"/></t> <br/>
            <t> the <t.example2.bold text="TEXT"/> can be selected.</t>
            <div style="margin:.5em 0 1em;">
                <t>Headers</t>
                <button type="button" class="toolbar" onclick="Nabble.insert('h2')"><t>H2</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h3')"><t>H3</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h4')"><t>H4</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h5')"><t>H5</t></button>
                <button type="button" class="toolbar" onclick="Nabble.insert('h6')"><t>H6</t></button>
            </div>
            <div style="margin:.5em 0 1em;">
          <t>Alignment</t>
                <button type="button" onclick="Nabble.insert('span style=display:block;text-align:left')" class="toolbar" style="height:1.65em" title="[t]Left[/t]">
                    <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_left.png"/>
                </button>
                <button type="button" onclick="Nabble.insert('span style=display:block;text-align:center')" class="toolbar" style="height:1.65em" title="[t]Center[/t]">
                    <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_center.png"/>
                </button>
                <button type="button" onclick="Nabble.insert('span style=display:block;text-align:right')" class="toolbar" style="height:1.65em" title="[t]Right[/t]">
                    <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_right.png"/>
                </button>
                <button type="button" onclick="Nabble.insert('span style=display:block;text-align:justify')" class="toolbar" style="height:1.65em" title="[t]Justify[/t]">
                    <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_justify.png"/>
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&nbsp;&nbsp;&nbsp;&nbsp;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]Indent/TAB[/t]">
                  <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_indenta.png"/>
                </button>
            </div>
            <div style="margin:.5em 0 1em;">
                <t>Font Size</t>
                <button type="button" onclick="Nabble.insert('font size=-2')" class="toolbar bold" style="height:1.65em" title="[t]Small[/t]">
           <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_fontPeq.png"/>
                </button>
                <button type="button" onclick="Nabble.insert('font size=+1')" class="toolbar bold" style="height:1.65em" title="[t]Big[/t]">
           <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_fontMaior.png"/>
                </button>   
            </div>
            <div style="margin:.5em 0 1em;">
                <t>Special</t>
                <button type="button" onclick="Nabble.insert('span style=&quot;vertical-align:sub; font-size:.7em&quot;')" class="toolbar bold" style="height:1.65em" title="[t]Position Sub[/t]">
           <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_fontSub.png"/>
                </button>
                <button type="button" onclick="Nabble.insert('span style=&quot;vertical-align:super; font-size:.7em&quot;')" class="toolbar bold" style="height:1.65em" title="[t]Position Sup[/t]">
           <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/bt_fontSup.png"/>
                </button>
                &nbsp;
                <button type="button" onclick="Nabble.insert('quote author=&quot;Alguém&quot;')" class="toolbar bold" style="height:1.65em" title="[t]Quote Text[/t]">Quote Text
                </button>
                <button type="button" onclick="Nabble.jsmbullet('Newtonian Reflector Telescope 305 mm F/5 - CMOS Mono Camera - LRGB Filters - Coma Corrector');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]AstroEquip[/t]"> AstroEquipos
                </button> 
            </div>
            <div style="margin:.5em 0 1em;">
                <t>Insert</t>
                <button type="button" onclick="Nabble.jsmbullet('&#149;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]Bullet[/t]">
                  &#149;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&#169;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]Copyright[/t]">
                  &#169;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&#174;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]Registrado[/t]">
                  &#174;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&#181;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]Micro[/t]">
                  &#181;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&lt;' + 'img src=' + &quot; 'http://jsmastronomy.245.s1.nabble.com/file/n590/pi8.png'  &quot; +  '/' + '&gt;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]Pi[/t]">
                  <img src="http://jsmastronomy.245.s1.nabble.com/file/n590/pi8.png"/>
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&#8470;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]No.[/t]">
                  &#8470;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&#8592;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]Left Arow[/t]">
                  &#8592;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&#8594;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]Right Arow[/t]">
                  &#8594;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&#186;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]Degree[/t]">
                  &#186;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&#170;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]First[/t]">
                  &#170;
                </button>
               <button type="button" onclick="Nabble.jsmbullet('&#177;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]+ou-[/t]">
                  &#177;
                </button>
                <button type="button" onclick="Nabble.jsmbullet('&#x2260;');Nabble.closeWindows()" class="toolbar bold" style="height:1.65em" title="[t]different[/t]">
                  &#x2260;
                </button>
            </div>
            
        </div>
        <button type="button" class="toolbar" onclick="Nabble.headersDropdown()">
            <t>Text Format</t><img src="/images/more.png" width="10" height="10"/>
        </button>
    </td>
</override_macro>