Rollovers i XHTML
Jeg er igang med nedenstående:<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>effekt² - Business or pleasure, Sir?</title>
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<script language="JavaScript">
<!--
if (document.images) {
image1on = new Image();
image1on.src = "business_over.gif";
image2on = new Image();
image2on.src = "pleasure_over.gif";
image1off = new Image();
image1off.src = "business.gif";
image2off = new Image();
image2off.src = "pleasure.gif";
}
function changeImages() {
if (document.images) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
}
}
}
// -->
</script>
</head>
<body>
<table style="height: 100%; width: 332px;" border="0" cellspacing="0" cellpadding="0">
<tr><td style="text-align: center;"><img src="head.gif" alt="Business or pleasure?" /><br /><br /><div>Vi har valgt at dele vores website op i to sektioner, en forretningsrelateret og portfoliorelateret.<br /><br />Du må derfor bestemme dig for, i hvilken sammenhæng du gæster vores website ved at klikke dig videre nedenfor.</div><br />
<a href="#" onmouseover="changeImages('image1', 'image1on')" onmouseout="changeImages('image1', 'image1off')"><img src="business.gif" alt="Business" name="image1" style="border: 0;" /></a><img src="bg.gif" style="width: 30px; height: 1px;" alt="*" /><a href="#" onmouseover="changeImages('image2', 'image2on')" onmouseout="changeImages('image2', 'image2off')"><img src="pleasure.gif" alt="Pleasure" name="image2" style="border: 0;" /></a></td></tr>
</table>
</body>
</html>
Der ville ingen problemer have været hvis det var HTML4Trans, men nu vil jeg gerne have den lavet med XHTML, og hvad gør jeg så? Siden vises fint, men W3 giver mig følgende validationssvar:
Line 7, column 17: there is no attribute "language" (explain...).
<script language="JavaScript">
^
Line 7, column 29: required attribute "type" not specified (explain...).
<script language="JavaScript">
^
Line 35, column 155: there is no attribute "name" (explain...).
...c="business.gif" alt="Business" name="image1" style="border: 0;" /></a><img s
Hvordan løser jeg nemmest dette?
