Avatar of RowdyBurns
RowdyBurns

asked on 

problem getting a javascript countdown timer to function

Hi experts,

I am a non-javascript developer, and have had a javascript timer developed for one of my pages which takes a timedate variable from a php database, works out how long is left until that time is reached, and echo's a countdown onto the page.  There are 4 instances of this.

It has worked in the past but something has gone wrong along the way and I am unsure how to fix it...

The idea is that if the time has passed, the timer will echo "Time is up" whereas if the variable sent to the timer is "0000-00-00 00:00:00" then it echo's "No Challenge", otherwise it ticks down in the specified format "x days, x hours" etc.

I have replaced the php echo in the timer script (which starts on line 190) with a static value, but still no joy.

In the past we have also had issues getting this to work on all main browsers (IE, FF + Safari) so am unsure if this problem is still going to occur...

Any help fixing this thing would be very greatly appreciated.

Thanks.
<?php
include './infolink.php';
 
$link="alongusernam";
 
$un_UserInfo = "-1";
if (isset($link)) {
  $un_UserInfo = (get_magic_quotes_gpc()) ? $link : addslashes($link);
}
mysql_select_db($database_RC, $RC);
$query_UserInfo = sprintf("SELECT * FROM users WHERE users.name='%s'", $un_UserInfo);
$UserInfo = mysql_query($query_UserInfo, $RC) or die(mysql_error());
$row_UserInfo = mysql_fetch_assoc($UserInfo);
$totalRows_UserInfo = mysql_num_rows($UserInfo);
 
 
$CID1_Challenge1Info = "-1";
if (isset($row_UserInfo['ChallengeID1'])) {
  $CID1_Challenge1Info = (get_magic_quotes_gpc()) ? $row_UserInfo['ChallengeID1'] : addslashes($row_UserInfo['ChallengeID1']);
}
mysql_select_db($database_RC, $RC);
$query_Challenge1Info = sprintf("SELECT * FROM challenges WHERE challenges.ID='%s'", $CID1_Challenge1Info);
$Challenge1Info = mysql_query($query_Challenge1Info, $RC) or die(mysql_error());
$row_Challenge1Info = mysql_fetch_assoc($Challenge1Info);
$totalRows_Challenge1Info = mysql_num_rows($Challenge1Info);
 
$CID2_Challenge2Info = "-1";
if (isset($row_UserInfo['ChallengeID2'])) {
  $CID2_Challenge2Info = (get_magic_quotes_gpc()) ? $row_UserInfo['ChallengeID2'] : addslashes($row_UserInfo['ChallengeID2']);
}
mysql_select_db($database_RC, $RC);
$query_Challenge2Info = sprintf("SELECT * FROM challenges WHERE challenges.ID='%s'", $CID2_Challenge2Info);
$Challenge2Info = mysql_query($query_Challenge2Info, $RC) or die(mysql_error());
$row_Challenge2Info = mysql_fetch_assoc($Challenge2Info);
$totalRows_Challenge2Info = mysql_num_rows($Challenge2Info);
 
$CID3_Challenge3Info = "-1";
if (isset($row_UserInfo['ChallengeID3'])) {
  $CID3_Challenge3Info = (get_magic_quotes_gpc()) ? $row_UserInfo['ChallengeID3'] : addslashes($row_UserInfo['ChallengeID3']);
}
mysql_select_db($database_RC, $RC);
$query_Challenge3Info = sprintf("SELECT * FROM challenges WHERE challenges.ID='%s'", $CID3_Challenge3Info);
$Challenge3Info = mysql_query($query_Challenge3Info, $RC) or die(mysql_error());
$row_Challenge3Info = mysql_fetch_assoc($Challenge3Info);
$totalRows_Challenge3Info = mysql_num_rows($Challenge3Info);
 
 
$CID4_Challenge4Info = "-1";
if (isset($row_UserInfo['ChallengeID4'])) {
  $CID4_Challenge4Info = (get_magic_quotes_gpc()) ? $row_UserInfo['ChallengeID4'] : addslashes($row_UserInfo['ChallengeID4']);
}
mysql_select_db($database_RC, $RC);
$query_Challenge4Info = sprintf("SELECT * FROM challenges WHERE challenges.ID='%s'", $CID4_Challenge4Info);
$Challenge4Info = mysql_query($query_Challenge4Info, $RC) or die(mysql_error());
$row_Challenge4Info = mysql_fetch_assoc($Challenge4Info);
$totalRows_Challenge4Info = mysql_num_rows($Challenge4Info);
 
//This clears completion sessions if the process was broken part-way through
if (isset($_SESSION['BigTmpTime'])) {unset ($_SESSION['BigTmpTime']);}
if (isset($_SESSION['BigTmpChalID'])) {unset ($_SESSION['BigTmpChalID']);}
if (isset($_SESSION['MicroTmpTime'])) {unset ($_SESSION['MicroTmpTime']);}
if (isset($_SESSION['MicroTmpChalID'])) {unset ($_SESSION['MicroTmpChalID']);}
if (isset($_SESSION['MiniTmpTime'])) {unset ($_SESSION['MiniTmpTime']);}
if (isset($_SESSION['MiniTmpChalID'])) {unset ($_SESSION['MiniTmpChalID']);}
if (isset($_SESSION['MediumTmpTime'])) {unset ($_SESSION['MediumTmpTime']);}
if (isset($_SESSION['MediumTmpChalID'])) {unset ($_SESSION['MediumTmpChalID']);}
if (isset($_SESSION['chalinquestion'])) {unset ($_SESSION['chalinquestion']);}
if (isset($_SESSION['upid'])) {unset ($_SESSION['upid']);}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Randomly Challenged" </title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a {
	font-size: 12px;
	color: #99cc66;
}
h1 {
	color: #FFFFFF;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
 
-->
    </style>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
 
 
#Exp_live {
	position:absolute;
	left:134px;
	top:470px;
	width:225px;
	height:21px;
	z-index:6;
}
 
 
-->
    </style>
<script type="text/javascript">
<!--
 
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
 
<script type="text/javascript" src="scripts/oodomimagerollover.js">
 
/***********************************************
* DOM Image Rollover II- By Adam Smith (http://www.codevendor.com)
* Script featured on and available at Dynamic Drive (http://www.dynamicdrive.com)
* Keep this notice intact for usage please
***********************************************/
 
</script>
 
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
 
<script type="text/javascript" src="http://www.randomlychallenged.com/js/collapsableDivTag.js">
 
/***********************************************
* Animated Collapsible DIV- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
 
</script>
 
<style type="text/css">
 
.dockclass{
position:relative;
}
 
.style6 {color: #FFFFFF}
</style>
 
 
<!------- TIMER SCRIPT  ---->
 
<link rel="stylesheet" href="timer.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
<!--
var ctime0=null;
var ctime1=null;
var ctime2=null;
var ctime3=null;
 
function formatdate(dateString) {
 
	var day1, month1, year1;
 
	year1 = dateString.substring(0,4);
	month1 = dateString.substring(5,7);
	day1 = dateString.substring(8,10);
	hour1 = dateString.substring(11,13);
	minute1 = dateString.substring(14,16);
	second1 = dateString.substring(17,19);
	
  return month1 +'/'+ day1 +'/' + year1 +' ' +hour1 +':' +minute1 +':' +second1
 
}
 
function two(x) {return ((x>9)?"":"0")+x}
 
function time(ms)
{
	var sec = ms;
	var min = Math.floor(sec/60);
	sec = sec % 60;
 
	if (sec == 1)
	{
		t = two(sec) + " s ";
	}
	else
	{
		t = two(sec) + " s ";
	}
 
	var hr = Math.floor(min/60);
	min = min % 60;
	if (min == 1)
	{
		t = two(min) + " m " + t;
	}
	else
	{
		t = two(min) + " m " + t;
	}
	var day = Math.floor(hr/24);
	hr = (hr % 24 );
	if (hr == 1)
	{
		t = two(hr) + " h " + t;
	}
	else
	{
		t = two(hr) + " h " + t;
	}
 
	if (day == 1)
	{
		t = day + " day " + t;
	}
	else
	{
		t = day + " days " + t;
	}
return t;
}
 
 
 
//alert(formatdate(date_input0));
 
  
function countIT0(date_to)
{
	if (date_to!= "" && date_to !="0000-00-00 00:00:00")
	{
		date_input0 = date_to;
		curr_date_time =new Date();
		end_date=new Date(formatdate(date_input0));
 
		//  timer0 = (end_date - curr_date_time) / 1000 / 60 / 60 / 24;
		timer0 = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60 / 60 / 24;
		timer0 = Math.round(timer0);
 
		//  theHour = (end_date - curr_date_time) / 1000 / 60 / 60;
		theHour = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60 / 60;
		theHour = Math.round(theHour);
 
		//  theMinute = (end_date - curr_date_time) / 1000 / 60;
		theMinute = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60;
		theMinute = Math.round(theMinute);
 
		//  theSecond = (end_date - curr_date_time) / 1000;
		theSecond = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000;
		theSecond = Math.round(theSecond);
 
		days = timer0;
		Hrs = theHour;
		Mins = theMinute;
		Secs = theSecond;
		SD0=setTimeout("countIT0(date_input0)", 1000);
		if (Secs < 0 )
		{
			ctime0.leftO0.value = "Time is Up!";
		}
		else
 		{
			ctime0.leftO0.value = time(theSecond);
		}
	}
	else
	{
		ctime0.leftO0.value = "No Challenge!";
	}
}
//  alert(formatdate(date_input1));
  
function countIT1(date_to) 
{
	if (date_to!= ""  && date_to !="0000-00-00 00:00:00")
	{
		date_input1 = date_to;
  		curr_date_time =new Date();
  		end_date=new Date(formatdate(date_input1));
		//timer0 = (end_date - curr_date_time) / 1000 / 60 / 60 / 24;
		timer0 = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60 / 60 / 24;
  		timer0 = Math.round(timer0);
 
		//theHour = (end_date - curr_date_time) / 1000 / 60 / 60;
		theHour = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60 / 60;
		theHour = Math.round(theHour);
 
		//theMinute = (end_date - curr_date_time) / 1000 / 60;
		theMinute = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60;
  		theMinute = Math.round(theMinute);
 
		//theSecond = (end_date - curr_date_time) / 1000;
		theSecond = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000;
  		theSecond = Math.round(theSecond);
 
  		days = timer0;
  		Hrs = theHour;
  		Mins = theMinute;
  		Secs = theSecond;
  		SD1=setTimeout("countIT1(date_input1)", 1000);
  		if (Secs < 0 ) 
		{
  			ctime1.leftO1.value = "Time is Up!";
  		}
  		else
  		{
			ctime1.leftO1.value = time(theSecond);
		}
	}
	else
	{
		ctime1.leftO1.value = "No Challenge!";
	}
}
//  alert(formatdate(date_input2));
  
function countIT2(date_to) 
{
	if (date_to!= ""  && date_to !="0000-00-00 00:00:00")
	{
		date_input2 = date_to;
		curr_date_time =new Date();
		end_date=new Date(formatdate(date_input2));
		//timer0 = (end_date - curr_date_time) / 1000 / 60 / 60 / 24;
		timer0 = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60 / 60 / 24;
		timer0 = Math.round(timer0);
		
		//theHour = (end_date - curr_date_time) / 1000 / 60 / 60;
		theHour = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60 / 60;
		theHour = Math.round(theHour);
		
		//theMinute = (end_date - curr_date_time) / 1000 / 60;
		theMinute = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60;
		theMinute = Math.round(theMinute);
		
		//theSecond = (end_date - curr_date_time) / 1000;
		theSecond = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000;
		theSecond = Math.round(theSecond);
 
		days = timer0;
		Hrs = theHour;
		Mins = theMinute;
		Secs = theSecond;
		SD2=setTimeout("countIT2(date_input2)", 1000);
		if (Secs < 0 )
		{
			ctime2.leftO2.value = "Time is Up!";
		}
		else
		{
			ctime2.leftO2.value = time(theSecond);
		}
	}
	else
	{
		ctime2.leftO2.value = "No Challenge!";
	}
}
//  alert(formatdate(date_input3));
  
function countIT3(date_to) {
	if (date_to!= ""  && date_to !="0000-00-00 00:00:00") 
	{
		date_input3 = date_to;
		curr_date_time =new Date();
		end_date=new Date(formatdate(date_input3));
		//timer0 = (end_date - curr_date_time) / 1000 / 60 / 60 / 24;
		timer0 = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60 / 60 / 24;
  		timer0 = Math.round(timer0);
  		
		//theHour = (end_date - curr_date_time) / 1000 / 60 / 60;
  		theHour = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60 / 60;
		theHour = Math.round(theHour);
  		
		//theMinute = (end_date - curr_date_time) / 1000 / 60;
  		theMinute = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000 / 60;
		theMinute = Math.round(theMinute);
  		
		//theSecond = (end_date - curr_date_time) / 1000;
  		theSecond = (Date.parse(end_date) -  Date.parse(curr_date_time)) / 1000;
		theSecond = Math.round(theSecond);
 
  		days = timer0;
  		Hrs = theHour;
  		Mins = theMinute;
  		Secs = theSecond;
  		SD3=setTimeout("countIT3(date_input3)", 1000);
  		if (Secs < 0 ) 
		{
  			ctime3.leftO3.value = "Time is Up!";
  		}
  		else
  		{
  			ctime3.leftO3.value = time(theSecond);
   		}
 	}
 	else
   	{
		ctime3.leftO3.value = "No Challenge!";
  	}
}
 
  function startall()
  {
  	//intialize variables. All these variables
	//are declared at the top of the page.
  	ctime0=document.getElementById("ctime0");
  	ctime1=document.getElementById("ctime1");
  	ctime2=document.getElementById("ctime2");
  	ctime3=document.getElementById("ctime3");
 
 
	countIT0('<?php echo $row_UserInfo['Chal1Finish']; ?>');
	countIT1('<?php echo $row_UserInfo['Chal2Finish']; ?>');
	countIT2('<?php echo $row_UserInfo['Chal3Finish']; ?>');
	countIT3('<?php echo $row_UserInfo['Chal4Finish']; ?>');
}
 
 
 
 
<script type="text/javascript" src="http://www.randomlychallenged.com/js/swfobject.js"></script>
<!--this is the JS for the SWFOject that embeddes the flash header and anyother flash content -->
</head>
<body onload= "MM_preloadImages('images/LogoutBtnDOWN.gif','images/NewsHubBtnDOWN.gif','images/ProSearchBtnDOWN.gif','images/MyProfileBtnDOWN.gif','images/InfoBtnDOWN.gif','images/ChronicleHubBtnDOWN.gif','images/ChronicleSearchBtnDOWN.gif','images/ChallengeHubBtnDOWN.gif','images/MailHubBtnDOWN.gif','images/TrophyCabBtnDOWN.gif','images/ShareBtnDOWN.jpg','images/StoryBtnDOWN.jpg','images/PhotosBtnDOWN.jpg','images/MoviesBtnDOWN.jpg','images/NavLoggedOut/NavLogOut_r4_c1DOWN.jpg','images/NavLoggedOut/NavLogOut_r1_c1DOWN.jpg','images/NewContentBtnDOWN.gif','images/TourGuideBtnDOWN.gif','images/MailHubAlertBtnDOWN.gif','images/FreestyleHubBtnDOWN.gif')">
 
 
 
<!-- *********************************************************
     * You may use this code for free on any web page provided that 
     * these comment lines and the following credit remain in the code.
     * Floating Div from http://www.javascript-fx.com
     ********************************************************  -->
<?php
if (isset($_SESSION['herecomethepain'])) {
?>		 
    
<div   id="divNav" style="background-image:url(images/Nav/Navigation.gif); background-repeat:no-repeat; position:absolute; height:439px; width:130px; " > 
<div  align="left" style="margin-top:50px; margin-left:15px; "><a href="../NewsHub.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('NewsHubBtn','','images/NewsHubBtnDOWN.gif',1)" title="News Hub" ><img src="images/NewsHubBtn.gif" alt="News Hub"  name="NewsHubBtn" width="50" height="55" border="0" id="NewsHubBtn" /></a>
 
  <a href="/ChallengeHub.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ChallengeHubBtn','','images/ChallengeHubBtnDOWN.gif',1)" title="Challenge Hub"><img src="images/ChallengeHubBtn.gif" alt="Challenge Hub" name="ChallengeHubBtn" width="50"  height="55" border="0" id="ChallengeHubBtn" /></a>
  
  <a href="http://www.randomlychallenged.com/NewContent.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('NewContentBtn1','','images/NewContentBtnDOWN.gif',1)" title="New Content" ><img src="images/NewContentBtn.gif" alt="New Content" name="NewContentBtn1"  width="50" height="55" border="0" id="NewContentBtn1" /></a>
 
<a href="http://www.randomlychallenged.com/FreestyleChronicleForm.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FreestyleHubBtn','','images/FreestyleHubBtnDOWN.gif',1)"  title="Freestyle Hub" ><img src="images/FreestyleHubBtn.gif" alt="Freestyle Hub" name="FreestyleHubBtn" width="50" height="55" border="0" id="FreestyleHubBtn" /></a>
 
<a href="/ProfileSearch.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ProfileSearch','','images/ProSearchBtnDOWN.gif',1)" title="Profile Search" ><img src="images/ProSearchBtn.gif" alt="Profile Search" name="ProfileSearch" width="50" height="55" border="0" id="ProfileSearch" /></a>
 
 
<a href="http://www.randomlychallenged.com/ChronicleSearch.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ChronicleSearch','','images/ChronicleSearchBtnDOWN.gif',1)" title="Chronicle Search" ><img src="images/ChronicleSearchBtn.gif" alt="Search for Chronicles"  name="ChronicleSearch" width="50" height="55" border="0" id="ChronicleSearch" /></a>
 
<a href="./MyProfile.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('MyProfile','','images/MyProfileBtnDOWN.gif',1)" title="My Profile" ><img src="images/MyProfileBtn.gif" alt="My Profile" name="MyProfile" width="50"  height="55" border="0" id="MyProfile" /></a>
 
<?php if ($_SESSION['newmail']==1) { ?>
<span style="width:50px;" id="flashcontent1"><a href="/MailHub.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('NewsHubBtn','','images/MailHubAlertBtnDOWN.gif',1)" title="New Message" ><img src="images/MailHubAlertBtn.gif" alt="My Mail Hub" name="MailHubBtn1" width="50" height="55" border="0" id="MailHubBtn1" /></a></span>
<script type="text/javascript" src="http://www.randomlychallenged.com/js/swfobject.js"></script>
      <script type="text/javascript">
   var so = new SWFObject("http://www.randomlychallenged.com/RCFlash/MailHubAlertBtn.swf", "", "50", "55", "7", "#FFFFFF"); 
   
   so.write("flashcontent1");
    </script> 
      
      
<?php } else { ?>
 
<a href="/MailHub.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('NewsHubBtn','','images/MailHubBtnDOWN.gif','MailHubBtn1','','images/MailHubBtnDOWN.gif',1)" title="Mail Hub" ><img src="images/MailHubBtn.gif" alt="My Mail Hub" name="MailHubBtn" width="50" height="55" border="0" id="MailHubBtn" /></a>
 
<?php } ?>
 
 
<a href="TrophyCabinet/TrophyHub.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TrophyCabBtn','','images/TrophyCabBtnDOWN.gif',1)" title="Trophy Cabinet" ><img src="images/TrophyCabBtn.gif" alt="My Trophy Cabinet" name="TrophyCabBtn" width="50" height="55" border="0" id="TrophyCabBtn" /></a>
 
<a href="javascript:collapse2.slideit()" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('InfoBtn','','images/InfoBtnDOWN.gif',1)"><img src="images/InfoBtn.gif" alt="Do you want to know more?" name="InfoBtn" width="50" title="Would you like to know more?" height="55" border="0" id="InfoBtn" /></a> </div>
 
<div align="left"   style="padding-top:11px; padding-left:40px; vertical-align:top;">
 
<a href="./Logout_Script.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('LogoutBtn','','images/LogoutBtnDOWN.gif',1)" title="Logout"><img src="images/LogoutBtn.gif"  style="margin-left:4px; "alt="Logout" name="LogoutBtn"  width="40" height="38" border="0" id="LogoutBtn" /></a></div>
 
<div align="center" style="padding-bottom:10px; "><a href="#top" title="Top of page" ><img src="../images/upArrow.gif" alt="Top" width="20" height="20" border="0"    /></a>
 
<a href="#bottom" title="Bottom of page" ><img src="./images/downArrow.gif" alt="Bottom" width="20" height="20" border="0"   style="margin-left:35px;" /></a></div>
 
<!-- End   - put your content here --->
</div>
<?php
}
else {
?>
<div id="divNav"  style="max-width:130px; max-height:439px; position:absolute; height: 1px;"><a href="/Registration.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('NewContenBtn','','images/NavLoggedOut/NavLogOut_r1_c1DOWN.jpg',1)" title="View players New Content" "1"><img src="images/NavLoggedOut/NavLogOut_r1_c1.jpg" alt="View players New Content" name="NewContenBtn" width="130" height="65" border="0" id="Image34" /></a>
 
<div style="background-image:url(images/NavLoggedOut/NavLogOut_r2_c1.jpg); background-repeat:no-repeat; padding-left:15px;"><a href="/NewContent.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('NewContentBtn','','images/NewContentBtnDOWN.gif',1)" title="New Content"><img src="images/NewContentBtn.gif" alt="New Content" name="NewContentBtn" width="50" height="55" border="0" id="NewContentBtn" /></a><a href="/TourGuide.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TourGuideBtn','','images/TourGuideBtnDOWN.gif',1)" title="Take our guided tour"><img src="images/TourGuideBtn.gif" alt="Tour Guide" name="TourGuideBtn" width="50" height="55" border="0" id="TourGuideBtn" /></a></div>
  
  <div class="text" style="background-image:url(images/NavLoggedOut/NavLogOut_r3_c1.jpg); background-repeat:repeat-y;  height:254px; padding-left:15px; padding-right:15px; overflow:auto;"><!--///////////////MATT - ADD THE ECHO HERE////////////////////////-->Ads go hereAds go hereAds go hereAds go hereAds go here</div>
  
  <a href="/Home.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('LoginBtn','','images/NavLoggedOut/NavLogOut_r4_c1DOWN.jpg',1)" title="Login" "4"><img src="images/NavLoggedOut/NavLogOut_r4_c1.jpg" alt="Login" name="LoginBtn" width="130" height="65" border="0" id="LoginBtn" /></a>
</div>
<?php 
}
?>
 
<div id="divLocation"     style="position:absolute; height:439px; width:130px; ">
 
<img src="images/.jpg" />
<!-- End   - put your content here --->
</div>
 
<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
	var px = document.layers ? "" : "px";
	window[id + "_obj"] = el;
	if(d.layers)el.style=el;
	el.cx = el.sx = sx;el.cy = el.sy = sy;
	el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
 
	el.floatIt=function()
	{
		var pX, pY;
		pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 
		document.documentElement && document.documentElement.clientWidth ? 
		document.documentElement.clientWidth : document.body.clientWidth;
		pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
		document.documentElement.scrollTop : document.body.scrollTop;
		if(this.sy<0) 
		pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
		document.documentElement.clientHeight : document.body.clientHeight;
		this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
		this.sP(this.cx, this.cy);
		setTimeout(this.id + "_obj.floatIt()", 40);
	}
	return el;
}
JSFX_FloatDiv("divNav", 835,30).floatIt();
JSFX_FloatDiv("divLocation", 0,30).floatIt();
 
</script>
<!-- ********************************************************* -->
  
 
 
<table width="952" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="background-image:url(images/UniversalBG.gif);" >
  <!--DWLayoutTable-->
  
  <tr>
    <td width="73" rowspan="6" valign="top"  ><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="34" rowspan="4" valign="top" bgcolor="#FFFFFF"   style=" background-image:url(images/LtsidePlain.gif);  background-repeat:repeat-y; ">&nbsp;<a name="top" id="top"></a></td>
		                
    <td height="262" colspan="3" valign="top" bgcolor="#FFFFFF"><div   id="flashcontent3"><a href="http://www.adobe.com/downloads"><img src="images/StaticMainHeader.gif" width="690" height="262" hspace="4"  border="0" /></a></div>
      <script type="text/javascript" src="http://www.randomlychallenged.com/js/swfobject.js"></script>
      <script type="text/javascript">
   var so = new SWFObject("http://www.randomlychallenged.com/RCFlash/Loader.swf?myTitle=", "", "690", "262", "7", "#FFFFFF"); 
   
   so.write("flashcontent3");
      </script>      </td>
    <td width="29" rowspan="4" valign="top" style="background-image:url(./images/RtsidePlain.gif); background-repeat:repeat-y;"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="117"></td>
  </tr>
  
  
 
 
  <tr>
    <td height="83" colspan="3" valign="top" bgcolor="#FFFFFF" style="padding-top:16px;"><a name="top" id="top"></a></td>
		                
    <td rowspan="2" valign="top"></td>
  </tr>
  <tr>
    <!--Make sure the table height below is set to 5px  before upload-->
    <td width="27" rowspan="2" valign="top" bgcolor="#FFFFFF" ><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="640"  valign="top" bgcolor="#FFFFFF" ><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <!--DWLayoutTable-->
      <tr>
        <td width="640" height="5" valign="top"  bgcolor="#FFFFFF"><div   id="cat">
          
          <div style=" background-image:url(images/InfoBG/InfoBG_r1_c2.jpg); padding-top:7px;">
		    
            <div style=" background-image:url(images/InfoBG/InfoBG_r2_c1.jpg); background-repeat:repeat-y;" >
              
              <!--//////////////////////////////////// THE DIV BELOW IS WHERE CONTENT SHOULD BE ADDED///////////////////////////-->
              <div class="text" align="left" style="margin-left:40px; margin-right:110px;"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent egestas mi nec lacus. Duis mollis mi pellentesque orci. Curabitur auctor, libero et rutrum porta, pede risus facilisis felis, id facilisis lorem nisi a dui. Aenean eu lacus at massa imperdiet mattis. Etiam venenatis pretium arcu. Proin non velit vel leo vestibulum feugiat. Quisque tellus purus, tempor in, pulvinar eget, porttitor eget, libero. Mauris auctor cursus neque. Praesent sollicitudin sodales est. Aliquam tempor magna sit amet dui placerat ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut ac ante vel sem facilisis sollicitudin. Suspendisse porttitor magna vel magna. Pellentesque ullamcorper nonummy sem.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent egestas mi nec lacus. Duis mollis mi pellentesque orci. Curabitur auctor, libero et rutrum porta, pede risus facilisis felis, id facilisis lorem nisi a dui. Aenean eu lacus at massa imperdiet mattis. Etiam venenatis pretium arcu. Proin non velit vel leo vestibulum feugiat. Quisque tellus purus, tempor in, pulvinar eget, porttitor eget, libero. Mauris auctor cursus neque. Praesent sollicitudin sodales est. Aliquam tempor magna sit amet dui placerat ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut ac ante vel sem facilisis sollicitudin. Suspendisse porttitor magna vel magna. Pellentesque ullamcorper nonummy sem.</p></div>
               
    <div  align="left" style="margin-left:40px; margin-right:110px;  padding-top:30px; "><a href="javascript:collapse2.slideit()" class="ranking2">Close</a></div>
	            
	<div  style="background-image:url(images/InfoBG/InfoBG_r3_c2.jpg); background-repeat:no-repeat; height:155px; ">	  </div></div>
          </div></div>          <script type="text/javascript">
 
//Syntax: var uniquevar=new animatedcollapse("DIV_id", animatetime_milisec, enablepersist(true/fase), [initialstate] )
var collapse2=new animatedcollapse("cat", 800, true)
 
            </script></td>
        </tr>
      
    </table></td>
  <td width="32" rowspan="2" valign="top" bgcolor="#FFFFFF" ><!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr>
  <tr>
    <td height="39" valign="top" bgcolor="#FFFFFF" ><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="640" height="39">&nbsp;
		
		<form action="" name="ctime0" id="ctime0">
 
                     <input class="text" type="text" value="" name="leftO0" size="30" />
          clock 1 
		</form>
		  
		  <form action="" name="ctime1" id="ctime1">
 
                     <input class="text" type="text" value="" name="leftO0" size="30" />
          clock 2 
		  </form>
		  
		  <form action="" name="ctime2" id="ctime2">
 
                     <input class="text" type="text" value="" name="leftO0" size="30" />
          clock 3 
		  </form>
		  
		  <form action="" name="ctime3" id="ctime3">
 
                     <input class="text" type="text" value="" name="leftO0" size="30" />
          clock 4 
		  </form></td>
      </tr>
    </table>
    </td>
    <td valign="top"></td>
  </tr>
  <tr>
    <td height="66" colspan="5" align="center" valign="top"   style="background-image: url(./images/kubrickfooter.gif); background-repeat:no-repeat; background-repeat:no-repeat; "><div style="padding-top:15px" class="mainlinks"><a href="../NewsHub.php" class="mainlinks">News Hub</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="./SiteMap.php" class="mainlinks">Site Map</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="./faq.php" class="mainlinks">FAQ's</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="../FreestyleChronicle.php" class="mainlinks">Freestyle Chronicle</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="../NewContent.php" class="mainlinks">New Content  </a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="../ProfileSearch.php" class="mainlinks">Profile Search</a>&nbsp;<br />
        <br />
    &nbsp;<a href="../ContactUs.php" class="mainlinks">Contact Us</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="../ChronicleSearch.php" class="mainlinks">Chronicle Search</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="./ChallengeHub.php" class="mainlinks">Challenge Hub</a></div></td>
    <td valign="top"></td>
  </tr>
  <tr>
    <td height="22" colspan="5" align="center" valign="top" class="sublinksWIT"><?php include './CopyrightInclude.php'; ?>
      <a href="./Rules.php" class="sublinksWIT">The Rules</a>&nbsp;|&nbsp;<a href="./T&amp;C.php" class="sublinksWIT">Terms &amp; Conditions</a>&nbsp;|&nbsp;<a href="./PrivacyPolicy.php" class="sublinksWIT">Privacy Policy</a><a name="bottom" id="bottom"></a></td>
    <td valign="top"></td>
  </tr>
  <tr>
    <td height="26" >&nbsp;</td>
    <td>&nbsp;</td>
    <td >&nbsp;</td>
    <td >&nbsp;</td>
    <td >&nbsp;</td>
    <td>&nbsp;</td>
    <td valign="top"></td>
  </tr>
</table>
 
</body>
</html>

Open in new window

JavaScript

Avatar of undefined
Last Comment
RowdyBurns

8/22/2022 - Mon