vijay.maddala
Jul 2nd 2008, 2:05 pm
HI,
I am trying to the following javascript in my project, its working fine when i access seperately, when i include the code the tiles framework, its working fine in Internet Explorer. but, it is not working in Firefox, iam not able to figure out that.. plz... help me out
window.onload = show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i <= 10; i++) {
if (document.getElementById("smenu" + i)) {
document.getElementById("smenu" + i).style.display = "none";
}
}
if (d) {
d.style.display = "block";
}
}
html page...
<html>
<head>
<link rel="stylesheet" href="stylesheets/style1.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i <= 10; i++) {
if (document.getElementById("smenu" + i)) {
document.getElementById("smenu" + i).style.display = "none";
}
}
if (d) {
d.style.display = "block";
}
}
</script>
</head>
<body>
<FIELDSET class="cbox">
<div class="pagination" align="center">
<table border="0" class="cTable" align="center">
<tbody>
<tr align="center">
<th>
<font class="featured">Categories</font>
</th>
</tr>
<tr align="center">
<td>
<dl id="menu">
<dt onClick="show('smenu1');">
ABCD
</dt>
<dd id="smenu1">
<ul>
<li>
<a class="lftlnks" href="#">xzzzzzz</a>
</li>
<li>
<a class="lftlnks" href="#">xxxxxxx</a>
</li>
<li>
<a class="lftlnks" href="#">xxxxxdsd</a>
</li>
</ul>
</dd>
<dt onClick="show('smenu2');">
EFGH
</dt>
<dd id="smenu2">
<ul>
<li>
<a class="lftlnks" class="lftlnks" href="#">sdfgsdf</a>
</li>
<li>
<a class="lftlnks" href="#">sdf sdfsdf</a>
</li>
<li>
</ul>
</dd>
<dt onClick="show('smenu3');">
IJKL
</dt>
<dd id="smenu3">
<ul>
<li>
<a class="lftlnks" href="#">abcd</a>
</li>
<li>
<a class="lftlnks" href="#">abcd</a>
</li>
</ul>
</dd>
<dt onClick="show('smenu4');">
Some x
</dt>
<dd id="smenu4">
<ul>
<li>
<a class="lftlnks" href="#">abcd</a>
</li>
<li>
<a class="lftlnks" href="#">abcd</a>
</li>
</ul>
</dd>
</dl>
</td>
</tr>
</tbody>
</table>
</div>
</FIELDSET>
</body>
</html>
Thanks in Advance...
I am trying to the following javascript in my project, its working fine when i access seperately, when i include the code the tiles framework, its working fine in Internet Explorer. but, it is not working in Firefox, iam not able to figure out that.. plz... help me out
window.onload = show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i <= 10; i++) {
if (document.getElementById("smenu" + i)) {
document.getElementById("smenu" + i).style.display = "none";
}
}
if (d) {
d.style.display = "block";
}
}
html page...
<html>
<head>
<link rel="stylesheet" href="stylesheets/style1.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
window.onload = show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i <= 10; i++) {
if (document.getElementById("smenu" + i)) {
document.getElementById("smenu" + i).style.display = "none";
}
}
if (d) {
d.style.display = "block";
}
}
</script>
</head>
<body>
<FIELDSET class="cbox">
<div class="pagination" align="center">
<table border="0" class="cTable" align="center">
<tbody>
<tr align="center">
<th>
<font class="featured">Categories</font>
</th>
</tr>
<tr align="center">
<td>
<dl id="menu">
<dt onClick="show('smenu1');">
ABCD
</dt>
<dd id="smenu1">
<ul>
<li>
<a class="lftlnks" href="#">xzzzzzz</a>
</li>
<li>
<a class="lftlnks" href="#">xxxxxxx</a>
</li>
<li>
<a class="lftlnks" href="#">xxxxxdsd</a>
</li>
</ul>
</dd>
<dt onClick="show('smenu2');">
EFGH
</dt>
<dd id="smenu2">
<ul>
<li>
<a class="lftlnks" class="lftlnks" href="#">sdfgsdf</a>
</li>
<li>
<a class="lftlnks" href="#">sdf sdfsdf</a>
</li>
<li>
</ul>
</dd>
<dt onClick="show('smenu3');">
IJKL
</dt>
<dd id="smenu3">
<ul>
<li>
<a class="lftlnks" href="#">abcd</a>
</li>
<li>
<a class="lftlnks" href="#">abcd</a>
</li>
</ul>
</dd>
<dt onClick="show('smenu4');">
Some x
</dt>
<dd id="smenu4">
<ul>
<li>
<a class="lftlnks" href="#">abcd</a>
</li>
<li>
<a class="lftlnks" href="#">abcd</a>
</li>
</ul>
</dd>
</dl>
</td>
</tr>
</tbody>
</table>
</div>
</FIELDSET>
</body>
</html>
Thanks in Advance...