PDA

Click to See Complete Forum and Search --> : Validation Problem

TPV
12-05-2003, 12:29 PM
Using the W3C Validator (http://validator.w3.org) I get an error where marked red:
Says: This page is not Valid HTML 4.01 Transitional!
Line 21, column 29: required attribute "TYPE" not specified.

<SCRIPT LANGUAGE="Javascript">

Script below:
---------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<head>

<title>Calendar</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" href="style.css">

</head>

<body bgcolor=000000 background="back.gif">

<h1 align="center">Calendar</h1>

<p align="center">&gt;&gt;&gt; Click on the date for further information &lt;&lt;&lt;</p>

<div style="text-align: center;">
<SCRIPT LANGUAGE="Javascript"> (ERROR ON THIS LINE)
<!--
// Store the date in a variable
d = new Date()
dateText = ""

// Get the current day and convert it to the name of the day
dayValue = d.getDay()
if (dayValue == 0)
dateText += "Sunday"
else if (dayValue == 1)
dateText += "Monday"
else if (dayValue == 2)
dateText += "Tuesday"
else if (dayValue == 3)
dateText += "Wednesday"
else if (dayValue == 4)
dateText += "Thursday"
else if (dayValue == 5)
dateText += "Friday"
else if (dayValue == 6)
dateText += "Saturday"

// Get the current month and convert it to the name of the month
monthValue = d.getMonth()
dateText += " "
if (monthValue == 0)
dateText += "January"
if (monthValue == 1)
dateText += "February"
if (monthValue == 2)
dateText += "March"
if (monthValue == 3)
dateText += "April"
if (monthValue == 4)
dateText += "May"
if (monthValue == 5)
dateText += "June"
if (monthValue == 6)
dateText += "July"
if (monthValue == 7)
dateText += "August"
if (monthValue == 8)
dateText += "September"
if (monthValue == 9)
dateText += "October"
if (monthValue == 10)
dateText += "November"
if (monthValue == 11)
dateText += "December"

// Get the current year; if it's before 2000, add 1900
if (d.getYear() < 2000)
dateText += " " + d.getDate() + ", " + (1900 + d.getYear())
else
dateText += " " + d.getDate() + ", " + (d.getYear())

// Get the current minutes
minuteValue = d.getMinutes()
if (minuteValue < 10)
minuteValue = "0" + minuteValue

// Get the current hours
hourValue = d.getHours()

// Customize the greeting based on the current hours
if (hourValue < 12)
{
greeting = "Good morning!"
timeText = " at " + hourValue + ":" + minuteValue + " AM"
}
else if (hourValue == 12)
{
greeting = "Good afternoon!"
timeText = " at " + hourValue + ":" + minuteValue + " PM"
}
else if (hourValue < 17)
{
greeting = "Good afternoon!"
timeText = " at " + (hourValue-12) + ":" + minuteValue + " PM"
}
else
{
greeting = "Good evening!"
timeText = " at " + (hourValue-12) + ":" + minuteValue + " PM"
}
// Write the greeting, the date, and the time to the page
document.write(greeting + " It's " + dateText + timeText)
//-->
</SCRIPT>
<br>&nbsp;</div>

<table align=center border=6>

<tr>
<td colspan="7" height="1"><p align="center" class="month"><b>December 2003</b></td>
</tr>

<tr class="weekday">
<td width="25" height="40">
<p align="center">M</td>
<td width="25" height="40">
<p align="center">T</td>
<td width="25" height="40">
<p align="center">W</td>
<td width="25" height="40">
<p align="center">T</td>
<td width="25" height="40">
<p align="center">F</td>
<td width="25" height="40">
<p align="center">S</td>
<td width="25" height="40">
<p align="center">S</td>
</tr>

<tr class="decdate">
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">1</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">2</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">3</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">4</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">5</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">6</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">7</a></td>
</tr>

<tr class="decdate">
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">8</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">9</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">10</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">11</a></td>
<td width="25" height="20" valign="top" class="today">
<p align="center"><a href="CO352_Calendar2.html"><font color="#FFFFFF">12</font></a></td>
<td width="25" height="20" valign="top" class="weekend">
<p align="center"><a href="CO352_Calendar2.html">13</a></td>
<td width="25" height="20" valign="top" class="weekend">
<p align="center"><a href="CO352_Calendar2.html">14</a></td>
</tr>

<tr class="decdate">
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">15</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">16</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">17</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">18</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">19</a></td>
<td width="25" height="20" valign="top" class="weekend">
<p align="center"><a href="CO352_Calendar2.html">20</a></td>
<td width="25" height="20" valign="top" class="weekend">
<p align="center"><a href="CO352_Calendar2.html">21</a></td>
</tr>

<tr class="decdate">
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">22</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">23</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">24</a></td>
<td width="25" height="20" valign="top" class="special">
<p align="center"><a href="CO352_Calendar2.html">25</a></td>
<td width="25" height="20" valign="top" class="special">
<p align="center"><a href="CO352_Calendar2.html">26</a></td>
<td width="25" height="20" valign="top" class="weekend">
<p align="center"><a href="CO352_Calendar2.html">27</a></td>
<td width="25" height="20" valign="top" class="weekend">
<p align="center"><a href="CO352_Calendar2.html">28</a></td>
</tr>

<tr class="decdate">
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">29</a></td>
<td width="25" height="20" valign="top">
<p align="center"><a href="CO352_Calendar2.html">30</a></td>
<td width="25" height="20" valign="top" class="special">
<p align="center"><a href="CO352_Calendar2.html">31</a></td>
<td width="25" height="20" valign="top" class="jandate">
<p align="center">1</td>
<td width="25" height="20" valign="top" class="jandate">
<p align="center">2</td>
<td width="25" height="20" valign="top" class="jandate">
<p align="center">3</td>
<td width="25" height="20" valign="top" class="jandate">
<p align="center">4</td>
</tr>

</table>

<p align="center"><b><i>Haven' found a card for Christmas yet...?!</i></b></p>
<p align="center"><b><i><br></i></b>
<img border="4" src="card.jpg" width="509" height="345" alt="Celebrations Card"></p>

</body>
</html>
-------------------------------------------------------------------

I would be thankful for any insight anyone can supply.
Pittimann
12-05-2003, 12:38 PM
Hi!

If you replace this line:
<SCRIPT LANGUAGE="Javascript">

for instance with:
<SCRIPT TYPE="text/javascript">

the error will be gone...

Cheers - Pit
ray326
12-05-2003, 01:54 PM
Just to be safe, I'd go ahead and use them both:

<script language="Javascript" type="text/javascript>
TPV
12-05-2003, 03:52 PM
Hi, thanks for the reply.
Works! Thanks again.