Streamlined response message, implement JQuery into templates by default.

This commit is contained in:
Nate Jones
2014-02-20 23:57:50 +00:00
parent 8281fc2f80
commit 7ec1d651cd
5 changed files with 353 additions and 112 deletions

View File

@@ -199,7 +199,7 @@ INPUT.txt {
border-bottom: 1px solid #999999;
font-size: 11px;
background-color: #990000;
color: #444444;
color: #444444;
padding-right: 16px;
padding-left: 6px;
padding-top: 4px;
@@ -274,7 +274,7 @@ table {
table th {
padding:4px 10px
}
table td {
/*background:#fff;*/
/*padding:2px 10px 4px 10px*/
@@ -286,7 +286,7 @@ table tr.even td {
border-bottom: 1px solid #999999;
color: #333333;
}
table tr.odd td {
border-bottom: 1px solid #999999;
color: #000000;
@@ -535,6 +535,41 @@ table tr:nth-last-child(-5) td:first-of-type {
text-decoration:none;
}
/* end the menu css*/
#message_container {
z-index: 99999;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
-khtml-opacity: 0;
}
#message_block {
margin: 0px auto;
width: 300px;
height: auto;
background-color: #000;
background-repeat: repeat-x;
background-image: url('<?=PROJECT_PATH?>/themes/default/images/background_black.png');
background-position: top center;
padding: 10px;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
text-align: center;
}
#message_block .text {
font-family: arial, san-serif;
font-size: 10pt;
font-weight: bold;
color: #fff;
}
</style>
<style type="text/css">
/* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */
@@ -546,25 +581,25 @@ table tr:nth-last-child(-5) td:first-of-type {
/* Set the position and dimensions of the background image. */
#page-background {
position:fixed;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
/* Specify the position and layering for the content that needs to
appear in front of the background image. Must have a higher z-index
value than the background image. Also add some padding to compensate
/* Specify the position and layering for the content that needs to
appear in front of the background image. Must have a higher z-index
value than the background image. Also add some padding to compensate
for removing the margin from the 'html' and 'body' tags. */
#page {
position:relative;
position:relative;
z-index:1;
padding:10px;
}
.vtable {
position:relative;
position:relative;
z-index:1;
padding:10px;
color: 000;
@@ -584,6 +619,41 @@ table tr:nth-last-child(-5) td:first-of-type {
-khtml-opacity: 0.9;
opacity: 0.9;
}
#message_container {
z-index: 99999;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
-khtml-opacity: 0;
}
#message_block {
margin: 0px auto;
width: 300px;
height: auto;
background-color: #000;
background-repeat: repeat-x;
background-image: url('<?=PROJECT_PATH?>/themes/accessible/images/background_black.png');
background-position: top center;
padding: 10px;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
text-align: center;
}
#message_block .text {
font-family: arial, san-serif;
font-size: 10pt;
font-weight: bold;
color: #fff;
}
</style>
<script type="text/javascript">
@@ -608,8 +678,31 @@ function confirmdelete(url) {
}
//-->
</SCRIPT>
<script language="javascript" type="text/javascript" src="<?=PROJECT_PATH?>/resources/jquery/jquery-1.8.3.js"></script>
<script language="JavaScript" type="text/javascript">
function display_message() {
$(document).ready(function() {
$("#message_container").animate({ opacity: 0.9 }, "fast").delay(1750).animate({marginTop: '-=200'}, 1000);
});
}
</script>
</head>
<body>
<body onload="display_message();">
<?php
if (strlen($_SESSION['message']) > 0) {
echo "<div id='message_container'>";
echo " <div id='message_block'>";
echo " <span class='text'>".$_SESSION['message']."</span>";
echo " </div>";
echo "</div>";
unset($_SESSION['message']);
}
?>
<?php
//get a random background image