V
Venkat
Hi,
My HTML page doesnot work properly in Netscape 7.1. But works fine
in Opera 7 and IE 6.0. I could not figure out the problem. If any one
could/suggest it would be nice.. This piece of HTML describes a tree
like structure of the contents.
Thanks
venkat.
------
myhtml
------
<html>
<head>
<title>Quality Management System</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body leftmargin="0" bottommargin="0" marginheight="0"
topmargin="0">
<script LANGUAGE="JavaScript">
<!--
var img1, img2;
img1 = new Image();
img1.src = "images/icon_plus.gif";
img2 = new Image();
img2.src = "images/icon_minus.gif";
document.onclick = doOutline;
function doOutline()
{
var targetId, srcElement, targetElement;
srcElement = window.event.srcElement;
if (srcElement.className == "LEVEL1")
{
srcElement = srcElement.id;
srcElement = srcElement.substr(0, srcElement.length-1);
targetId = srcElement + "s";
srcElement = srcElement + "i";
srcElement = document.all(srcElement);
targetElement = document.all(targetId);
if (targetElement.style.display == "none")
{
targetElement.style.display = "";
if (srcElement.className == "LEVEL1")
{
srcElement.src = "images/icon_minus.gif";
}
}
else
{
targetElement.style.display = "none";
if (srcElement.className == "LEVEL1")
{
srcElement.src = "images/icon_plus.gif";
}
}
}
}
//-->
</script>
<script language="JavaScript">
function clickthis(k)
{
var k;
window.open(k.title);
}
</script>
<table width="100%" height="100%" cellspacing="0" cellpadding="0">
<!-- Main Table with two columns 30% and 70%-->
<tr >
<td width="25%" > </td>
<td width="75%" >
<table width="100%" height="100%" border= "0">
<tr ><!-- Logo-->
<td height="25%" align="center"> </td>
</tr>
<tr>
<tr>
<td height="74%" valign="top" class="clsvalue" ><br>
<font face="verdana" size="1" style="cursor:hand; color:#AA0000;">
<br />
<img src="images/icon_plus.gif" CLASS="LEVEL1"
style="cursor:hand;" WIDTH="9" HEIGHT="9" HSPACE="2" VSPACE="4"
ALIGN="ABSMIDDLE" id="OUT12i" />
<b>
<span CLASS="LEVEL1" id="OUT12t">Process for Continual Improvement
</span>
</b>
<br />
<div style="display:none" id="OUT12s">
<img src="images/filler.gif" width="22" height="12"
ALIGN="ABSMIDDLE" />
<a CLASS="LEVEL2" href="#"
onclick="javascript:clickthis(this)" id="OUT21t" title="qms/CIM/CIM
1.0.doc">Process
</a><br />
</div>
<img src="images/icon_plus.gif" CLASS="LEVEL1"
style="cursor:hand;" WIDTH="9" HEIGHT="9" HSPACE="2" VSPACE="4"
ALIGN="ABSMIDDLE" id="OUT13i" />
<b>
<span CLASS="LEVEL1" id="OUT13t">Process for Construction
</span>
</b>
<br />
<div style="display:none" id="OUT13s">
<img src="images/filler.gif" width="22" height="12"
ALIGN="ABSMIDDLE" />
<a CLASS="LEVEL2" href="#"
onclick="javascript:clickthis(this)" id="OUT21t"
title="qms/Construction/CON 1.1.doc">Process
</a><br />
<img src="images/filler.gif" width="22" height="12"
ALIGN="ABSMIDDLE" />
<a CLASS="LEVEL2" href="#"
onclick="javascript:clickthis(this)" id="OUT22t"
title="qms/Construction/Template for Code Walk Thru
Report.doc">Template for code walk thru
</a><br />
</div>
<div style="display:none" id="OUT122s"><br />
</div>
</font>
</td>
</tr>
<!-- Footer part-->
<tr>
<td height="1%" align="center" class="clsfooter"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
My HTML page doesnot work properly in Netscape 7.1. But works fine
in Opera 7 and IE 6.0. I could not figure out the problem. If any one
could/suggest it would be nice.. This piece of HTML describes a tree
like structure of the contents.
Thanks
venkat.
------
myhtml
------
<html>
<head>
<title>Quality Management System</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body leftmargin="0" bottommargin="0" marginheight="0"
topmargin="0">
<script LANGUAGE="JavaScript">
<!--
var img1, img2;
img1 = new Image();
img1.src = "images/icon_plus.gif";
img2 = new Image();
img2.src = "images/icon_minus.gif";
document.onclick = doOutline;
function doOutline()
{
var targetId, srcElement, targetElement;
srcElement = window.event.srcElement;
if (srcElement.className == "LEVEL1")
{
srcElement = srcElement.id;
srcElement = srcElement.substr(0, srcElement.length-1);
targetId = srcElement + "s";
srcElement = srcElement + "i";
srcElement = document.all(srcElement);
targetElement = document.all(targetId);
if (targetElement.style.display == "none")
{
targetElement.style.display = "";
if (srcElement.className == "LEVEL1")
{
srcElement.src = "images/icon_minus.gif";
}
}
else
{
targetElement.style.display = "none";
if (srcElement.className == "LEVEL1")
{
srcElement.src = "images/icon_plus.gif";
}
}
}
}
//-->
</script>
<script language="JavaScript">
function clickthis(k)
{
var k;
window.open(k.title);
}
</script>
<table width="100%" height="100%" cellspacing="0" cellpadding="0">
<!-- Main Table with two columns 30% and 70%-->
<tr >
<td width="25%" > </td>
<td width="75%" >
<table width="100%" height="100%" border= "0">
<tr ><!-- Logo-->
<td height="25%" align="center"> </td>
</tr>
<tr>
<tr>
<td height="74%" valign="top" class="clsvalue" ><br>
<font face="verdana" size="1" style="cursor:hand; color:#AA0000;">
<br />
<img src="images/icon_plus.gif" CLASS="LEVEL1"
style="cursor:hand;" WIDTH="9" HEIGHT="9" HSPACE="2" VSPACE="4"
ALIGN="ABSMIDDLE" id="OUT12i" />
<b>
<span CLASS="LEVEL1" id="OUT12t">Process for Continual Improvement
</span>
</b>
<br />
<div style="display:none" id="OUT12s">
<img src="images/filler.gif" width="22" height="12"
ALIGN="ABSMIDDLE" />
<a CLASS="LEVEL2" href="#"
onclick="javascript:clickthis(this)" id="OUT21t" title="qms/CIM/CIM
1.0.doc">Process
</a><br />
</div>
<img src="images/icon_plus.gif" CLASS="LEVEL1"
style="cursor:hand;" WIDTH="9" HEIGHT="9" HSPACE="2" VSPACE="4"
ALIGN="ABSMIDDLE" id="OUT13i" />
<b>
<span CLASS="LEVEL1" id="OUT13t">Process for Construction
</span>
</b>
<br />
<div style="display:none" id="OUT13s">
<img src="images/filler.gif" width="22" height="12"
ALIGN="ABSMIDDLE" />
<a CLASS="LEVEL2" href="#"
onclick="javascript:clickthis(this)" id="OUT21t"
title="qms/Construction/CON 1.1.doc">Process
</a><br />
<img src="images/filler.gif" width="22" height="12"
ALIGN="ABSMIDDLE" />
<a CLASS="LEVEL2" href="#"
onclick="javascript:clickthis(this)" id="OUT22t"
title="qms/Construction/Template for Code Walk Thru
Report.doc">Template for code walk thru
</a><br />
</div>
<div style="display:none" id="OUT122s"><br />
</div>
</font>
</td>
</tr>
<!-- Footer part-->
<tr>
<td height="1%" align="center" class="clsfooter"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>