Variant med baggrundsfarver:
<!DOCTYPE html>
<html>
<head><title>Fremhæv dag</title>
<style type="text/css">
.today {
font-weight:bold;
background-color: Aquamarine;
}
.day {
font-weight: normal;
}
#tider {
background-color: LightBlue;
border: none;
border-collapse: collapse;
}
#tider td {
padding: 2px 8px;
}
</style>
<script type="text/javascript">
var pDays;
var days = ["mandag", "tirsdag", "onsdag", "torsdag", "fredag", "lørdag", "søndag" ];
var hours = ["08-22", "08-21", "08-20", "08-20", "08-22", "08-16", "10-16" ];
function printDay( day, today) {
var tn = document.createTextNode( days[day] );
var tr = document.createElement("tr");
tr.className = ( day == today ) ? "today" : "day";
var td = document.createElement("td");
td.appendChild( tn );
tr.appendChild( td );
tn = document.createTextNode( hours[day] );
td = document.createElement("td");
td.appendChild( tn );
tr.appendChild( td );
pDays.appendChild( tr );
}
window.onload = function () {
pDays = document.getElementById("Days");
var dn = new Date().getDay() - 1; // First day of week is Monday in my house
if ( dn < 0) dn = 6; // move sunday to last day
for ( i = 0; i < days.length; i++ ) {
printDay( i, dn );
}
}
</script>
</head>
<body>
<table id="tider">
<th colspan="2">Åbningstider</th>
<tbody id="Days"></tbody>
</div>
</body>
</html>