More work on address book popup
authorArt Cancro <ajc@citadel.org>
Tue, 10 Apr 2007 16:29:50 +0000 (16:29 +0000)
committerArt Cancro <ajc@citadel.org>
Tue, 10 Apr 2007 16:29:50 +0000 (16:29 +0000)
webcit/messages.c
webcit/static/wclib.js
webcit/static/webcit.css

index ba5567f829cc8497d7ff64e20be6bf4cdb8d9913..ec13b9d37a80c70e989450f3db64261e97522d61 100644 (file)
@@ -3199,23 +3199,25 @@ void display_enter(void)
        wprintf("</td></tr></table></div>\n");
 
        /* Close the main div, now open a new one, hidden initially, for address book popups.
-        * Remember: the popup div will be closed by wDumpContent, which will think it's merely
+        * Remember: the final div will be closed by wDumpContent, which will think it's merely
         * closing the main div.  FIXME put this in its own function so we can use it from the
         * calendar too.
         */
+       wprintf("</div><div id=\"address_book_popup_dropshadow\" style=\"display:none;\">");
+       wprintf("&nbsp;");
        wprintf("</div><div id=\"address_book_popup\" style=\"display:none;\">");
+       wprintf("<table border=0 width=100%%><tr valign=middle>");
+       wprintf("<td align=left><img src=\"static/viewcontacts_32x.gif\"></td>");
+       wprintf("<td align=center>%s</td>", _("Contacts") );
+       wprintf("<td align=right "
+               "onclick=\"javascript:$('address_book_popup').style.display='none'; $('address_book_popup_dropshadow').style.display='none';\" "
+               "><img src=\"static/closewindow.gif\">");
+       wprintf("</td></tr></table><hr>");
        wprintf("<div id=\"address_book_inner_div\"></div>");
-       wprintf("<div align=center><p class=\"close_popup\" "
-               "onclick=\"javascript:Effect.Fade('address_book_popup', { duration: 0.5 });\" "
-               "><img valign=\"middle\" src=\"static/closewindow.gif\">");
-       wprintf(_("Close window"));
-       wprintf("</p></div>");
-
 DONE:  wDumpContent(1);
 }
 
 
-
 /**
  * \brief delete a message
  */
index 30ca4480bdc6c0c02b386371391f01d79acdc574..c31af14df6997e89ea3ef9d011e2a260034d89df 100644 (file)
@@ -661,8 +661,8 @@ function CtdlShowUserInfoPopup(Element) {
 // Pop open the address book
 function PopOpenAddressBook() {
        $('address_book_inner_div').innerHTML = "<div align=center><br><table border=0 cellpadding=10 bgcolor=\"#ffffff\"><tr><td><img src=\"static/throbber.gif\" /><font color=\"#AAAAAA\">&nbsp;&nbsp;Loading....</font></td></tr></table><br /></div>";
-       Rounded('div#address_book_popup', 'transparent top bottom');
-       Effect.Appear('address_book_popup', { duration: 0.5 } );
+       $('address_book_popup_dropshadow').style.display = 'block';
+       $('address_book_popup').style.display = 'block';
        new Ajax.Updater(
                'address_book_inner_div',
                'display_address_book_inner_div',
index b3eba4f18a4d2b55ac18d4710d4f7312069d8467..14335896eeac8ff198095e91a7e7891fed93df8a 100644 (file)
@@ -858,22 +858,28 @@ div.auto_complete ul strong.highlight {
         text-align: left;
 }
 
+#address_book_popup_dropshadow {
+        position: absolute;
+        top: 110px;
+        left: 210px;
+        width: 320px;
+        height: 300px;
+        z-index: 99;
+       background-color: #fff;
+       filter:alpha(opacity=50);
+       -moz-opacity:.50;
+       opacity:.50;
+       display: none;
+}
+
 #address_book_popup {
         position: absolute;
         top: 100px;
-        left: 25%;
+        left: 200px;
         width: 320px;
-        padding: 11px;
+       height: 300px;
         z-index: 100;
-       background-color: #FFA;
-}
-
-#address_book_popup .close_popup {
-       cursor: pointer;
-        font-size: 8pt;
-       color: black;
-        text-align: right;
-        padding: 2px;
-       margin-top: 5px;
+       background-color: #ffc;
+       color:#000;
+       display: none;
 }
-