Streamlined response message, implement JQuery into templates by default.

2014-02-20 23:57:50 +00:00
parent 8281fc2f80
commit 7ec1d651cd
5 changed files with 353 additions and 112 deletions
@@ -207,7 +207,7 @@ th:last-child th:first-child {
 	border-bottom: 1px solid #999999;
 	font-size: 11px;
 	background-color: #990000;
-	color: #444444;	
+	color: #444444;
 	padding-right: 16px;
 	padding-left: 6px;
 	padding-top: 4px;
@@ -282,7 +282,7 @@ table {
 table th {
 	padding:4px 10px
 }
- 
+
 table td {
 	/*background:#fff;*/
 	/*padding:2px 10px 4px 10px*/
@@ -294,7 +294,7 @@ table tr.even td {
 	border-bottom: 1px solid #999999;
 	color: #444444;
 }
- 
+
 table tr.odd td {
 	border-bottom: 1px solid #999999;
 	color: #000000;
@@ -474,6 +474,41 @@ table tr:nth-last-child(-5) td:first-of-type {
 	}

 /* 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/classic/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">
@@ -498,8 +533,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']);
+		}
+	?>
+
 <div align='center'>
 <table width='90%' class='border.disabled' style='background-color:#FFFFFF;' border='0' cellpadding='0' cellspacing='0'>
 <tr>