If I put text between the <div id="datetime"></div> tags, the text shows up, but the javascript output being sent to those some divs doesn't seem to want to work. It should be showing up in the middle of the content pane, just below the first table box. (set by .css)
Here's the script:
Expand|Select|Wrap|Line Numbers
- //Original: Xavier R. (xav@lougaou.com)
- //Modified: Benjamin Wright, Editor
- //Web Site: http://www.lougaou.com/
- //This script and many more are available free online at The JavaScript Source!!
- //http://javascript.internet.com
- var days = new Array("Sun, ","Mon, ","Tue, ","Wed, ","Thu, ","Fri, ","Sat, ");
- var months = new Array("Jan ","Feb ","Mar ","Apr ","May ","Jun ",
- "Jul ","Aug ","Sep ","Oct ","Nov ","Dec " );
- function dt( )
- {
- // if browser doesn't support getElementById,
- // then it won't support CSS...so forget it
- if ( document.getElementById == null ) return;
- var dt = new Date();
- var hours = dt.getHours();
- var ampm = (hours > 11) ? " PM " : " AM ";
- if (hours > 12) hours -= 12; //If it's afternoon, subtract 12 to reset to 12hour scale.
- if (hours == 0) hours = 12; //If it's midnight, show 12.
- var now = hours + ":" + (100+dt.getMinutes()) + ":" + (100+dt.getSeconds()) + ampm + " "
- + days[dt.getDay()] + months[dt.getMonth()] + dt.getDate() + ", " + dt.getFullYear();
- document.getElementById("datetime").innerHTML = now.replace( /\:1/g, ":" );
- setTimeout( "dt()", 1000 );
- }
- And here's a link to the page: http://rsteph49.tripod.com/default.shtml
- Here's the code:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html>
- <head>
- <title>Clermont Christian Church</title>
- <link href="styles.css" rel="stylesheet" type="text/css" />
- <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
- <meta name="description" content="This is the website homepage" />
- <meta name="keywords" content="Christian, Indiana, Church, Clermont, Religion, Indianapolis, Sunday, School" />
- <style type="text/css" media="all">
- @import "style.css";
- </style>
- <script type="text/javascript" language="JavaScript1.2" src="/java_scripts/coolmenus4.js"></script>
- <script type="text/javascript" language="JavaScript1.2" src="/java_scripts/cm_addins.js"></script>
- <script type="text/javascript" language="javascript1.2" src="/java_scripts/sniffer.js">
- /***********************************************
- * Top Navigational Bar III v3.5 (By BrotherCake- brothercake.com)
- * Exclusive permission by Dynamicdrive.com to include script in archive
- * For this and 100's more DHTML scripts, visit http://www.dynamicdrive.com/
- * This notice MUST stay intact for legal use
- ***********************************************/
- </script>
- <script type="text/javascript" language="javascript1.2" src="/java_scripts/basic_datetime.js"></script>
- <script type="text/javascript" language="javascript1.2" src="/java_scripts/custom.js"></script>
- <script type="text/javascript" language="javascript1.2" src="/java_scripts/style.js"></script>
- </head>
- <body id="body" onLoad="dt()">
- <div id="bannercontent">
- <img src="/images/header.jpg" alt="" />
- </div>
- <div id="menucontent">
- <script type="text/javascript" language="javascript1.2" src="/java_scripts/menu.js"></script>
- </div>
- <div id="datetime"></div>
- <div id="bodycontent">
- <table border="0" cellpadding="25" cellspacing="0" bordercolor="#FF33FF" bgcolor="#ffffff" width="900" align="center">
- <tr>
- <td align="left">
- <table border="8" cellpadding="0" cellspacing="0" align="center" bordercolor="#0000cc" bordercolordark="#000066" bordercolorlight="#0066ff">
- <tr>
- <td width="815" height="250" align="left" valign="top">
- <h1>Clermont Christian Church</h1>
- <p>Welcome to our church´s internet home! You may have stopped here on purpose, or you may have gotten here by accident, but either way, we´re glad you´re here!</p>
- <br />
- <p>We are in the business of connecting people to God and connecting people to one another so that life can be all that God intends! As you look around our site, we hope you´ll find helpful information about CCC and get to know a little bit about who we are. We´d love to see you face to face sometime, so feel free to stop in to one of our services anytime, or introduce yourself as you see us out in the community. We are praying for you!</p>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td>
- <table border="0" cellpadding="5" cellspacing="0" align="center" bordercolor="#ff00cc">
- <tr>
- <td width="400" height="400" align="center" valign="middle">
- <table border="8" cellpadding="0" cellspacing="0" align="center" bordercolor="#0000cc" bordercolordark="#000066" bordercolorlight="#0066ff"><tr><td width="400" height="400" align="center" valign="middle">
- <img src="/images/christmasshow2.gif" align="absmiddle" border="0" alt="" />
- </td></tr></table>
- </td>
- <td width="400" height="400" align="center" valign="middle">
- <table border="8" cellpadding="0" cellspacing="0" align="center" bordercolor="#0000cc" bordercolordark="#000066" bordercolorlight="#0066ff"><tr><td width="400" height="400" align="center" valign="middle">
- <img src="/images/services.gif" align="absmiddle" border="0" alt="" />
- </td></tr></table>
- </td>
- </tr>
- <tr>
- <td width="400" height="200" align="center" valign="middle">
- <table border="8" cellpadding="0" cellspacing="0" align="center" bordercolor="#0000cc" bordercolordark="#000066" bordercolorlight="#0066ff"><tr><td width="400" height="250" align="center" valign="middle">
- <p class="announceHeader">Discovering Clermont #101:</p>
- <p class="announceBody">Date: November 12<br />
- Time: Immediately after the 10:30am service</p>
- <p class="announceBody">This class is designed to introduce newcomers to our church's mission and ministry.</p>
- <p class="announceHL" style="color: #990000">Lunch & Childcare will be provided</p>
- </td></tr></table>
- </td>
- <td width="400" height="200" align="center" valign="middle">
- <table border="8" cellpadding="0" cellspacing="0" align="center" bordercolor="#0000cc" bordercolordark="#000066" bordercolorlight="#0066ff"><tr><td width="400" height="250" align="center" valign="middle">
- <p class="announceHeader">Thanksgiving Dinner</p>
- <p class="announceBody">Date: November 19<br />
- Time: Immediately after the 10:30am service</p>
- <p class="announceBody">The dinner will be held in the Community Life Center, sign-up sheets are on the bulletin board in the foyer.</p>
- <p class="announceHL">HELP IS REALLY NEEDED in some areas!!</p>
- </td></tr></table>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </div>
- <div id="footer">
- <p>Clermont Christian Church / Clermont, Indiana</p>
- </div>
- </body>
- </html>
- <!-- ********************************************************** -->
- <!-- * START TRIPOD AD CODE - PLEASE REMOVE WHEN EDITING PAGE * -->
- <!-- ********************************************************** -->
- <!-- revision: new - $Change: 88678 $ -->
- <script type="text/javascript" src="http://hb.lycos.com/hb.js"></script>
- <script type="text/javascript">
- var cm_role = "live";
- var cm_host = "tripod.lycos.com";
- var cm_taxid = "/memberembedded";
- var lycos_ad_category = null;
- var lycos_ad_remote_addr = "67.98.138.34";
- var lycos_ad_www_server = "www.tripod.lycos.com";
- var lycos_ad_track_small = "http://members.tripod.com/adm/img/common/ot_smallframe.gif?rand=200387";
- var lycos_ad_track_served = "http://members.tripod.com/adm/img/common/ot_adserved.gif?rand=200387";
- </script>
- <script type="text/javascript" src="http://scripts.lycos.com/catman/init.js"></script>
- <script type="text/javascript" src="http://members.tripod.com/adm/ad/code-start.js"></script>
- <script type="text/javascript" src="http://members.tripod.com/adm/ad/code-middle.js"></script>
- <script type="text/javascript" src="http://members.tripod.com/adm/ad/code-end.js"></script>
- <noscript>
- <img src="http://members.tripod.com/adm/img/common/ot_noscript.gif?rand=200387" alt="" width="1" height="1" />
- <img src="http://lycos.247realmedia.com/data/?tax0_SiteID=2&nojs=true" alt="" width="1" height="1" />
- <a href="http://network.realmedia.com/RealMedia/ads/click_nx.ads/lycostripod/ros/728x90/wp/ss/a/200387@Top1?x"><img border="0" src="http://network.realmedia.com/RealMedia/ads/adstream_nx.ads/lycostripod/ros/728x90/wp/ss/a/200387@Top1" alt="leaderboard ad" /></a>
- </noscript>
- <!-- revision: new - $Change: 88678 $ -->
- <!-- ******************************************************** -->
- <!-- * END TRIPOD AD CODE - PLEASE REMOVE WHEN EDITING PAGE * -->
- <!-- ******************************************************** -->