Det var en ordentlig numsefuld, men her kommer det:
bannerrotation.js (står mellem <head></head>):
var tid = 10;
var banners = new Array();
var bannerl = new Array();
banners[0] = "/images/banners/bpBanner468.gif";
bannerl[0] = "
www.redbarnet.dk"; banners[1] = "/images/banners/download_asien_468_60.jpg"
bannerl[1] = "
www.redbarnet.dk/stoetos"var a=new Array(banners.length),timer;
for (i=0;i<a.length;i++){
a[i]=i;
}
function initbanner() {
i=0,t=0,s=0;
for (i = 0 ; i < a.length ; i++ ) {
t = Math.floor(Math.random() * a.length);
s = a[i];
a[i] = a[t] ;
a[t] = s;
}
}
function visbanner(num) {
if(!num){
num=0;
initbanner();
}
document.getElementById("blink").href = "
http://"+bannerl[a[num]];document.getElementById("bimg").src = banners[a[num]];
if(num!=a.length-1)
timer = setTimeout("visbanner("+(++num)+")",1000*tid);
else
timer = setTimeout("visbanner()",1000*tid);
}
funclock.js (står mellem <head></head>):
function funClock() {
(!document.layers && !document.all)
var runTime = new Date();
var hours = runTime.getHours();
var minutes = runTime.getMinutes();
var seconds
= runTime.getSeconds();
if (hours <= 9) {
hours = "0" + hours;
}
if (minutes <= 9) {
minutes = "0" + minutes;
}
if (seconds <= 9) {
seconds = "0" + seconds;
}
movingtime = hours +
":" + minutes + ":" + seconds + " ";
if (document.layers) {
document.layers.clock.document.write(movingtime);
document.layers.clock.document.close();
}
else if (document.all) {
uret.innerHTML = movingtime;
}
else {
document.getElementById("uret").innerHTML = movingtime;
}
setTimeout("funClock()", 1000)
}
window.onload = funClock;
HTML (benytter normalt ikke <style></style>:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Min titel</title>
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="content-type" content="text/html;charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" content="no">
<META HTTP-EQUIV="Content-language" content="dan">
<META NAME="robots" content="all">
<script type="text/JavaScript" language="JavaScript1.2" src="/includes/js/funclock.js"></script>
<script type="text/JavaScript" language="JavaScript1.2" src="/includes/js/bannerrotation.js"></script>
<style>
body {
background-color: #396da5;
margin: 0px; padding: 0px;
}
.bodybg {
background-color: #396da5;
}
#maintable {
width: 990px;
background-color: #fff;
}
#banner {
width: 990px;
height: 90px;
background-image: url('/images/bannerbg.gif');
border-bottom: 1px solid black;
}
#menucolumn {
width: 180px;
background-color: #fff;
}
.dot {
background: url('/images/dotted_line.gif') repeat-x bottom;
}
#maincolumn {
width: 628px;
border-left: 1px solid black;
border-right: 1px solid black;
}
#newscolumn {
width: 180px;
}
.CapitolLetter {
text-transform: capitalize;
}
.full {
width: 100%;
}
.bottom {
padding: 20px 0px;
}
.borderbottom {
height: 1px;
background-image: url('/images/borderbottom.gif');
}
.text11 {
color: black;
font-style: normal;
font-weight: normal;
font-size: 11px;
font-family: verdana, helvetica, tahoma, sans-serif, arial;
line-height: 18px;
}
.paper {
background-color: #fff;
}
a {
font-size: 11px;
color: #336699;
font-family: verdana, helvetica, tahoma, sans-serif, arial;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: underline;
}
</style>
</head>
<body onload="funClock(); visbanner();">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" id="maintable" class="text11">
<tr>
<td align="center" colspan="3" class="full">
<table border="0" cellpadding="0" cellspacing="0" class="full text11white bodybg">
<tr>
<td align="left" style="width: 385px; padding: 3px 0px;"> </td>
<td align="right" style="width: 385px; padding: 3px 0px;">Uge 27</td>
<td align="center" style="width: 80px; padding: 3px 0px;"><span class="CapitolLetter">tirsdag</span></td>
<td align="center" style="width: 80px; padding: 3px 0px;">05.07.2005</td>
<td align="right" style="width: 60px; padding: 3px 20px 3px 0px;"><span id="uret"></span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="3" id="banner">
<table border="0" cellpadding="0" cellspacing="0" class="full">
<tr>
<td align="center" valign="middle" style="width: 35%;"> </td>
<td align="right" valign="middle" style="width: 65%; padding-right: 20px;"><a href="" id="blink" target="_blank"><img border="0" src="" alt="" id="bimg"/></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="top" id="menucolumn"> </td>
<td align="left" valign="top" id="maincolumn"> </td>
<td align="left" valign="top" id="newscolumn"> </td>
</tr>
<tr>
<td colspan="3" style="height: 7px; background-image: url('/images/dropshadow.gif');"></td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0" class="full">
<tr>
<td align="center" class="tdcr bottom"><a href="#" onfocus="this.blur();" class="copyright" title="..."><b>Link 1</b></a></td>
<td align="center" class="tdcr bottom"><a href="#" onfocus="this.blur();" class="copyright" title="..."><b>Link 2</b></a></td>
<td align="center" class="tdcr bottom"><a href="#" onfocus="this.blur();" class="copyright" title="..."><b>Link 3</b></a></td>
<td align="center" class="tdcr bottom"><a href="#" onfocus="this.blur();" class="copyright" title="..."><b>Link 4</b></a></td>
<td align="center" class="tdcr bottom"><a href="#" onfocus="this.blur();" class="copyright" title="..."><b>Link 5</b></a></td>
<td align="center" class="tdcr bottom"><a href="#" onfocus="this.blur();" class="copyright" title="..."><b>Link 6</b></a></td>
</tr>
<tr>
<td colspan="6" align="center" style="padding-bottom: 40px;" class="text11c">COPYRIGHT xxx.dk © 2003 - 2005</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
