More work on the css/js for the address book popup.

Warning: I've left it enabled this time.  Don't build packages from this.

diff --git a/webcit/messages.c b/webcit/messages.c
index ec13b9d37a80c70e989450f3db64261e97522d61..4c5a0b3e77c6d52ed8841b45148eb1c84be5d3a3 100644 (file)
--- a/webcit/messages.c
+++ b/webcit/messages.c
@@ -3008,7 +3008,7 @@ void display_enter(void)
                wprintf("\" size=50 maxlength=1000 />");
                wprintf("<div class=\"auto_complete\" id=\"recp_name_choices\"></div>");
 
-               /** Pop open an address book -- begin **
+               /** Pop open an address book -- begin **/
 
                wprintf(
                        "<a href=\"javascript:PopOpenAddressBook();\" title=\"%s\">"
@@ -3016,7 +3016,7 @@ void display_enter(void)
                        "</a>", _("Contacts")
                );
 
-               ** Pop open an address book -- end **/
+               /** Pop open an address book -- end **/
 
                wprintf("</td><td></td></tr>\n");
 
@@ -3203,17 +3203,17 @@ void display_enter(void)
         * 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("<div id=\"address_book_popup_middle_div\">");
        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=center><span class=\"address_book_popup_title\">%s</span></td>", _("Contacts") );
        wprintf("<td align=right "
-               "onclick=\"javascript:$('address_book_popup').style.display='none'; $('address_book_popup_dropshadow').style.display='none';\" "
+               "onclick=\"javascript:$('address_book_popup').style.display='none';\" "
                "><img src=\"static/closewindow.gif\">");
-       wprintf("</td></tr></table><hr>");
+       wprintf("</td></tr></table>");
        wprintf("<div id=\"address_book_inner_div\"></div>");
+       wprintf("</div>");
 DONE:  wDumpContent(1);
 }
 

diff --git a/webcit/static/wclib.js b/webcit/static/wclib.js
index c31af14df6997e89ea3ef9d011e2a260034d89df..11156a33f27fcae766d8b94e848aa8ed1ca0c127 100644 (file)
--- a/webcit/static/wclib.js
+++ b/webcit/static/wclib.js
@@ -661,11 +661,14 @@ 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>";
-       $('address_book_popup_dropshadow').style.display = 'block';
        $('address_book_popup').style.display = 'block';
+       Nifty('div#address_book_popup_middle_div','big transparent');
        new Ajax.Updater(
                'address_book_inner_div',
                'display_address_book_inner_div',
-               { method: 'get', parameters: Math.random() }
+               {
+                       method: 'get',
+                       parameters: Math.random()
+               }
        );
 }

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 14335896eeac8ff198095e91a7e7891fed93df8a..5d787872e6a67a78a2e03e6c9e8a6a5e578dd71d 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -858,28 +858,31 @@ 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: 200px;
+        left: 25%;
         width: 320px;
-       height: 300px;
+       height: auto;
         z-index: 100;
-       background-color: #ffc;
-       color:#000;
+       background-color: #fff;
+       color: #000;
        display: none;
 }
+
+#address_book_popup_middle_div {
+       position: relative;
+       width: 100%;
+       height: 100%;
+       background-color: #ffd;
+}
+
+#address_book_inner_div {
+       margin: 5px;
+}
+
+.address_book_popup_title {
+        font-size: 14pt;
+        font-weight: bold;
+        color: #000;
+}