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(" ");
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
*/
// 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\"> 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',
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;
}
-