Witam mam taki prosty skrypt w javascript oparty na div wszystko dział w nim ok ale mam problem z walidacją W3C czy kto może mi pomóc w tym aby to naprawić tak aby pomyślnie przechodził walidację ?
Siedzę już na tym prawie cały dzień ograniczyłem do 8 błędów i klapa.
<meta http-equiv="Content-Language" content="pl"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <!--
#sz1D {
DISPLAY: block; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; cursor:hand
}
#sz2D {
DISPLAY: none; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; CURSOR: hand
}
#sz3D {
DISPLAY: none; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; CURSOR: hand
}
#sz4D {
DISPLAY: none; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; CURSOR: hand
}
#sz5D {
DISPLAY: none; font-size:11px;font-family:Verdana,Tahoma,ArialCE,HelvaticaCE,Arial,Helvetica,sans-serif; CURSOR: hand
}
div { font-family: Tahoma; font-size: 10pt; CURSOR: hand
}
-->
var cF = "sz1";
function showSea( nD ){
if ( nD && nD.id ){
var oF = document.getElementById( cF + "D" );
var nF = document.getElementById( nD.id + "D" );
if (oF && nF){
cF = nD.id;
oF.style.display = "none";
nF.style.display = "block";
}
}
}
<TABLE cellSpacing=0 cellPadding=0 border=0 width="500" align="left" > <TD align="left" vAlign=top bgcolor="#FFFFFF"> <TABLE cellSpacing=0 cellPadding=0 border=0 > <TD height="22" colspan="2" align="center" valign="bottom" id=sz1> <table border="0" cellpadding="0" id="table1" cellspacing="0" width="500" height="23" bordercolor="#FFFFFF"> <td align="center" width="100%" id=sz1 onclick=showSea(this) ><div style="width: 151px; height: 20px"> <td align="center" width="100%" id=sz2 onclick=showSea(this) ><div style="width: 151px; height: 20px"> <td align="center" width="100%" id=sz3 onclick=showSea(this) ><div style="width: 151px; height: 20px"> <td align="center" width="100%" id=sz4 onclick=showSea(this) ><div style="width: 151px; height: 20px"> <td align="center" width="100%" id=sz5 onclick=showSea(this)><div style="width: 151px; height: 20px">
<TD width="155" align="center" valign="top" id=sz1 onclick=showSea(this)>
<TD align="center" valign="top" id=sz2 onclick=showSea(this)>
<TABLE id=sz1D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
<TD width=500 height="50" valign="top"> <div style="width: 500px; height: 50px; ">
<TABLE id=sz2D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
<TD width=500 height="50" valign="top"> <div style="width: 500px; height: 50px; ">
<TABLE id=sz3D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
<TD width=500 height="50" valign="top"> <div style="width: 500px; height: 50px; ">
<TABLE id=sz4D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
<TD width=500 height="50" valign="top"> <div style="width: 500px; height: 50px; ">
<TABLE id=sz5D cellSpacing=0 cellPadding=0 border=0 height="26" width="100%">
<TD width=500 height="50" valign="top"> <div style="width: 500px; height: 50px; ">