infobox shadow

This commit is contained in:
Andrew Dolgov 2005-11-20 11:02:36 +01:00
parent bdf7f1bc71
commit 2317ffaae7
4 changed files with 45 additions and 26 deletions

View File

@ -1011,7 +1011,7 @@
FROM FROM
ttrss_feeds WHERE owner_uid = '".$_SESSION["uid"]."' ORDER by title"); ttrss_feeds WHERE owner_uid = '".$_SESSION["uid"]."' ORDER by title");
print "<div id=\"infoBox\">PLACEHOLDER</div>"; print "<div id=\"infoBoxShadow\"><div id=\"infoBox\">PLACEHOLDER</div></div>";
print "<p><table width=\"100%\" class=\"prefFeedList\" id=\"prefFeedList\">"; print "<p><table width=\"100%\" class=\"prefFeedList\" id=\"prefFeedList\">";
print "<tr class=\"title\"> print "<tr class=\"title\">
@ -1978,7 +1978,7 @@
ttrss_users ttrss_users
ORDER by login"); ORDER by login");
print "<div id=\"infoBox\">PLACEHOLDER</div>"; print "<div id=\"infoBoxShadow\"><div id=\"infoBox\">PLACEHOLDER</div></div>";
print "<p><table width=\"100%\" class=\"prefUserList\" id=\"prefUserList\">"; print "<p><table width=\"100%\" class=\"prefUserList\" id=\"prefUserList\">";

BIN
images/shadow.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 B

View File

@ -120,11 +120,17 @@ function userlist_callback() {
} }
function infobox_callback() { function infobox_callback() {
var container = document.getElementById('infoBox');
if (xmlhttp.readyState == 4) { if (xmlhttp.readyState == 4) {
if (container) { var box = document.getElementById('infoBox');
container.innerHTML=xmlhttp.responseText; var shadow = document.getElementById('infoBoxShadow');
container.style.display = "block";
if (box) {
box.innerHTML=xmlhttp.responseText;
if (shadow) {
shadow.style.display = "block";
} else {
box.style.display = "block";
}
} }
} }
} }
@ -1121,6 +1127,12 @@ function dispOptionHelp(event, sender) {
} */ } */
function closeInfoBox() { function closeInfoBox() {
var d = document.getElementById('infoBox'); var box = document.getElementById('infoBox');
d.style.display = "none"; var shadow = document.getElementById('infoBoxShadow');
if (shadow) {
shadow.style.display = "none";
} else if (box) {
box.style.display = "none";
}
} }

View File

@ -425,15 +425,38 @@ div.helpResponse {
border : 1px solid #f0f0f0; border : 1px solid #f0f0f0;
} }
#infoBox {
border : 1px solid #c0c0c0;
padding-bottom : 10px;
font-size : small;
position : relative;
bottom : 2px;
right : 2px;
background-color : white;
}
#infoBoxShadow {
background-image : url("images/shadow.png");
position : absolute;
margin-left : 30%;
width : 30%;
z-index : 3;
display : none;
}
div.infoBoxContents { div.infoBoxContents {
background-image : url("images/vgrad_light_rev2.png"); background-image : url("images/vgrad_light_rev2.png");
background-position : top left; background-position : top left;
background-repeat : repeat-x; background-repeat : repeat-x;
padding : 5px; padding : 5px;
margin-bottom : 10px; margin-bottom : 5px;
border : 1px solid #f0f0f0;
} }
div.infoBoxContents td {
font-size : small;
}
div.helpResponse h1, div.infoBoxContents h1 { div.helpResponse h1, div.infoBoxContents h1 {
border-width : 0px 0px 1px 0px; border-width : 0px 0px 1px 0px;
border-style : solid; border-style : solid;
@ -581,22 +604,6 @@ table.innerLoginForm td {
padding : 3px 3px 5px 3px; padding : 3px 3px 5px 3px;
} }
#infoBox {
position : absolute;
margin-left : 30%;
background-color : white;
width : 30%;
z-index : 3;
border : 1px solid #c0c0c0;
padding-bottom : 10px;
display : none;
font-size : small;
}
div.infoBoxContents td {
font-size : small;
}
div.small, p.small { div.small, p.small {
font-size : x-small; font-size : x-small;
} }