Add Comment

Home: Socialtext Style Customization Guide
Top: Special Cases
Previous: User Login System
Next: System Status

base/images/docs/add-comments.gif

Clicking on the 'Add Comment' link in the page control bar brings up a window where the user can add a comment to the current page.

HTML Snippet

<body id="st-commentui" class="popup" onload="comment_popup_setup()">
  <div id="st-commentui-container">
    <form name="comment_form" method="post" action="index.cgi" enctype="application/x-www-form-urlencoded">
      <div id="st-commentui-controls">
        <a id="st-commentui-savelink" href="#" onclick="submit_comment(); return false">Save</a>
        <a id="st-commentui-cancellink" href="#" onclick="cancel_comment(); return false">Cancel</a>
      </div>
      <div id="tb_st-commentui-textarea">
        <table id="buttons_1" class="toolbar" cellpadding="1" cellspacing="0">
          <tbody>
            <tr>
              <td>
                <div id="bold_1" class="btn-">
                  <img src="bold.gif" alt="Bold" title="Bold">
                </div>
              </td>
              <td>
                <div id="italic_1" class="btn-">
                  <img src="italic.gif" alt="Italic" title="Italic">
                </div>
              </td>
              <td>
                <div id="strike_1" class="btn-">
                  <img src="strike.gif" alt="Strikethrough" title="Strikethrough">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="h1_1" class="btn-">
                  <img src="h1.gif" alt="Heading 1" title="Heading 1">
                </div>
              </td>
              <td>
                <div id="h2_1" class="btn-">
                  <img src="h2.gif" alt="Heading 2" title="Heading 2">
                </div>
              </td>
              <td>
                <div id="h3_1" class="btn-">
                  <img src="h3.gif" alt="Heading 3" title="Heading 3">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="ul_1" class="btn-">
                  <img src="ul.gif" alt="Bullets" title="Bullets">
                </div>
              </td>
              <td>
                <div id="ol_1" class="btn-">
                  <img src="ol.gif" alt="Numbering" title="Numbering">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="indent_1" class="btn-">
                  <img src="indent.gif" alt="Increase Indent" title="Increase Indent">
                </div>
              </td>
              <td>
                <div id="outdent_1" class="btn-">
                  <img src="outdent.gif" alt="Decrease Indent" title="Decrease Indent">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="filew_1"class="btn-">
                  <img src="filew.gif" alt="Insert attachment" title="Insert attachment">
                </div>
              </td>
              <td>
                <div id="image_1" class="btn-">
                  <img src="image.gif" alt="Insert image" title="Insert image">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="wikilink_1" class="btn-">
                  <img src="wikilink.gif" alt="Insert Socialtext link" title="Insert Socialtext link">
                </div>
              </td>
              <td>
                <div id="createlink_1" class="btn-">
                  <img src="createlink.gif" alt="Insert web link" title="Insert web link">
                </div>
              </td>
              <td>&nbsp;</td>
              <td>
                <div id="createtable_1" class="btn-">
                  <img src="createtable.gif" alt="Insert table" title="Insert table">
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <textarea id="st-commentui-textarea" name="comment" wrap="virtual"></textarea>
      <input name="action" value="submit_comment" type="hidden">
      <input name="page_name" value="edit_contention" type="hidden">
      <input name="caller_action" value="display" type="hidden">
    </form>
  </div>
</body>

CSS Selectors

#st-commentui
body.popup
#st-commentui-container
#st-commentui-controls
#st-commentui-savelink
#st-commentui-cancellink
#tb_st-commentui-textarea
#buttons_1 table.toolbar
#bold_1
div.btn-
div.btn- img
#italic_1
#strike_1
#h1_1
#h2.gif
#h3.gif
#ul.gif
#ol.gif
#indent.gif
#outdent.gif
#filew_1
#image_1
#wikilink_1
#createlink_1
#createtable_1
#st-commentui-textarea