I have found a little javascript that expand and collapse on
click on the image but it doesn't work in netscape. I'm unable
to create a click event on an image it won't work.
So on IE when i click on the image the table expand or collapse
and the image change as well a forward img if it is collapsed
end a down img if it is expanded.
I hope some one will be able to help me i'm just beginning with
javascript!
Here is the code i used:
Code:<SCRIPT LANGUAGE="Javascript" RUNAT="client">
function SectionClick (DOMEvent)
{
var parentID;
var child;
var parentImage;
if (standardDOM)
{
parentID = DOMEvent.target.id;
}
else
{
parentID = window.event.srcElement.id;
}
child = document.all ("Subthread-" + parentID);
if (child != null)
{
parentImage = document.all (parentID);
if (child.style.display == "none")
{
child.style.display = "block";
parentImage.src = "images/arcdown.jpg";
parentImage.alt = "Cacher les questions";
}
else
{
child.style.display = "none";
parentImage.src = "images/arcffw.jpg";
parentImage.alt = "Voir les questions";
}
}
return true;
}
</SCRIPT>
<BODY>
<TABLE>
<TR>
<TD>
<IMG SRC="images/arcffw.jpg" ID="1" NAME="1" onclick="SectionClick (event); return false;" />
</TD>
<TD>
<SPAN>Text</SPAN>
</TD>
</TR>
</TABLE><DIV ID="Subthread-1" STYLE="margin-left:0;display:none;">
<TABLE>
<TR>
<TD WIDTH="10">
</TD>
<TD VALIGN="top" ALIGN="RIGHT">
<IMG SRC="images/arcffw.jpg" ID="1.1" NAME="1.1" onclick="SectionClick (event); return false;">
</TD>
<TD WIDTH="80%">
<SPAN>Sub Section 1</SPAN>
</TD>
</TR>
</TABLE><DIV ID="Subthread-1.1" STYLE="margin-left:0;display:none;">
<TABLE>
<TR>
<TD VALIGN="top">
</TD>
<TD VALIGN="top">
</TD>
<TD>
<SPAN>Sub Section 2</SPAN>
</TD>
</TR>
</TABLE></DIV></DIV>
</BODY>
Thanks!
