editor_embed_button.naml

<override_macro name="editor_embed_button">
    <n.put_in_head.>
        <script type="text/javascript">
            Nabble.embedDropdown = function() {
                Nabble.closeWindows();
                $('#tips-dropdown').show();
            };
        </script>
    </n.put_in_head.>
    
    <td class="has-dropdown">
        <div id="tips-dropdown" class="editor-dropdown medium-border-color light-bg-color drop-shadow" style="padding:.5em;width:25em;margin-left:-5em">
            <h2><t>Embedding Contents</t></h2>
            <t>Use <t.tag_names.bold text="&lt;nabble_embed&gt;...&lt;/nabble_embed&gt;"/> to embed widgets from other websites.</t>
            <t>Currently Nabble supports</t>:
            <ul style="margin:.3em">
                <li><t>Videos from Youtube, Vimeo and LiveLeak.</t></li>
                <li><t>Polls from Polldaddy.com (flash polls only)</t></li>
            </ul>
            <t>Just paste the code (provided by the sites above) within these tags and you are ready to post it.</t>
            <div style="margin-top:.5em">
                <t>Insert</t>
                <button type="button" class="toolbar" onclick="Nabble.insert('nabble_embed')"><t>Embed Tags</t></button>
            </div>
        </div>
        <button type="button" class="toolbar" onclick="Nabble.embedDropdown()">
            <t>Embed</t><img src="/images/more.png" width="10" height="10"/>
        </button>
    </td>
</override_macro>