Bladeren bron

Streamlined response message, implement JQuery into templates by default.

Nate Jones 11 jaren geleden
bovenliggende
commit
256b276316
5 gewijzigde bestanden met toevoegingen van 352 en 111 verwijderingen
  1. 59 2
      themes/accessible/template.php
  2. 62 4
      themes/classic/template.php
  3. 103 10
      themes/default/template.php
  4. 64 47
      themes/enhanced/template.php
  5. 64 48
      themes/nature/template.php

+ 59 - 2
themes/accessible/template.php

@@ -375,7 +375,42 @@ table tr:last-child td:last-child {
 		/*list-style-image: url("images/img.gif");*/
 	}
 
-/* end the menu css */
+/* 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/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">
@@ -400,8 +435,30 @@ 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' border='0' cellpadding='0' cellspacing='0'>

+ 62 - 4
themes/classic/template.php

@@ -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>

+ 103 - 10
themes/default/template.php

@@ -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

+ 64 - 47
themes/enhanced/template.php

@@ -215,7 +215,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;
@@ -291,7 +291,7 @@ table {
 table th {
 	padding:4px 10px
 }
- 
+
 table td {
 	/*background:#fff;*/
 	/*padding:2px 10px 4px 10px*/
@@ -303,7 +303,7 @@ table tr.even td {
 	border-bottom: 1px solid #999999;
 	color: #333333;
 }
- 
+
 table tr.odd td {
 	border-bottom: 1px solid #999999;
 	color: #000000;
@@ -547,18 +547,18 @@ table tr:nth-last-child(-5) td:first-of-type {
 		padding:0;
 	}
 
-	/* 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:7px;
 		color: 000;
@@ -579,20 +579,40 @@ table tr:nth-last-child(-5) td:first-of-type {
 		opacity: 0.9;
 	}
 
-	.message {
+	#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-attachment: fixed;
-		padding: 20px;
-		opacity: 0.9;
-		filter:alpha(opacity=90);
-		-moz-opacity:0.9;
-		-khtml-opacity: 0.9;
-		opacity: 0.9;
-		-webkit-border-radius: 7px 7px 7px 7px;
-		-moz-border-radius: 7px 7px 7px 7px;
-		border-radius: 7px 7px 7px 7px;
-		text-align: left;
+		background-image: url('<?=PROJECT_PATH?>/themes/enhanced/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">
@@ -617,8 +637,31 @@ table tr:nth-last-child(-5) td:first-of-type {
 		}
 	//-->
 </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 onload="message_timeout();">
+<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 id="page" align='center'>
 	<table width='90%' class='border.disabled' border='0' cellpadding='0' cellspacing='0'>
 		<tr>
@@ -748,32 +791,6 @@ table tr:nth-last-child(-5) td:first-of-type {
 				<table width='100%' cellpadding='0' cellspacing='0' border='0'>
 					<tr>
 						<td class='main_content' align='left' valign='top' width='85%'>
-							<script type = "text/javascript">
-								<!--
-								function message_hide() {
-									document.getElementById("message").style.display="none"; 
-								}
-								function message_timeout() {
-									var tim = window.setTimeout("message_hide()", 1000);
-								}
-								-->
-							</script>
-							<?php
-								if (strlen($_SESSION['message']) > 0) {
-									echo "<div id='message' align='center'>\n";
-									echo "	<table width='40%' border='0'>\n";
-									echo "		<tr>\n";
-									echo "			<th align='left'>".$text['message-message']."</th>\n";
-									echo "		</tr>\n";
-									echo "		<tr>\n";
-									echo "			<td class='row_style1'><strong>".$_SESSION['message']."</strong></td>\n";
-									echo "		</tr>\n";
-									echo "	</table>\n";
-									echo "<br />\n";
-									echo "</div>\n";
-									unset($_SESSION['message']);
-								}
-							?>
 							<!--{body}-->
 
 							<br /><br />

+ 64 - 48
themes/nature/template.php

@@ -218,7 +218,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;
@@ -294,7 +294,7 @@ table {
 table th {
 	padding:4px 10px
 }
- 
+
 table td {
 	/*background:#fff;*/
 	/*padding:2px 10px 4px 10px*/
@@ -306,7 +306,7 @@ table tr.even td {
 	border-bottom: 1px solid #999999;
 	color: #333333;
 }
- 
+
 table tr.odd td {
 	border-bottom: 1px solid #999999;
 	color: #000000;
@@ -552,25 +552,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:7px;
 		color: 000;
@@ -591,19 +591,38 @@ table tr:nth-last-child(-5) td:first-of-type {
 		opacity: 0.9;
 	}
 
-	.message {
+	#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-attachment: fixed;
-		padding: 20px;
-		opacity: 0.9;
-		filter:alpha(opacity=90);
-		-moz-opacity:0.9;
-		-khtml-opacity: 0.9;
-		opacity: 0.9;
-		-webkit-border-radius: 7px 7px 7px 7px;
-		-moz-border-radius: 7px 7px 7px 7px;
-		border-radius: 7px 7px 7px 7px;
-		text-align: left;
+		background-image: url('<?=PROJECT_PATH?>/themes/nature/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>
 
@@ -629,8 +648,31 @@ table tr:nth-last-child(-5) td:first-of-type {
 		}
 	//-->
 </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 onload="message_timeout();">
+<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
 		$dir = $_SERVER["DOCUMENT_ROOT"].PROJECT_PATH.'/themes/nature/images/backgrounds';
@@ -792,32 +834,6 @@ table tr:nth-last-child(-5) td:first-of-type {
 				<table width='100%' cellpadding='0' cellspacing='0' border='0'>
 					<tr>
 						<td class='main_content' align='left' valign='top' width='85%'>
-							<script type = "text/javascript">
-								<!--
-								function message_hide() {
-									document.getElementById("message").style.display="none"; 
-								}
-								function message_timeout() {
-									var tim = window.setTimeout("message_hide()", 1000);
-								}
-								-->
-							</script>
-							<?php
-								if (strlen($_SESSION['message']) > 0) {
-									echo "<div id='message' align='center'>\n";
-									echo "	<table width='40%' border='0'>\n";
-									echo "		<tr>\n";
-									echo "			<th align='left'>".$text['message-message']."</th>\n";
-									echo "		</tr>\n";
-									echo "		<tr>\n";
-									echo "			<td class='row_style1'><strong>".$_SESSION['message']."</strong></td>\n";
-									echo "		</tr>\n";
-									echo "	</table>\n";
-									echo "<br />\n";
-									echo "</div>\n";
-									unset($_SESSION['message']);
-								}
-							?>
 							<!--{body}-->
 
 							<br /><br />