DHTML - Example

<BODY> <DIV ID="Out0"><BR>         <IMG SRC="../images/folder.gif" ID="Out1.0" CLASS="Outline" WIDTH="22" HEIGHT="14"> <A HREF="/web-focus/events/conferences/iriss98/">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/</A><BR>          <DIV ID="Out1.0d" STYLE="display:None"><BR>                 <IMG SRC="../images/folder.gif" ID="Out2.0" CLASS="Outline" WIDTH="22" HEIGHT="14"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/overview.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/overview.html</A><BR>                  <DIV ID="Out2.0d" STYLE="display:None"><BR>                         <IMG SRC="../images/folder.gif" ID="Out3.0" CLASS="Outline" WIDTH="22" HEIGHT="14"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/contents.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/contents.html</A><BR>                          <DIV ID="Out3.0d" STYLE="display:None">                                 <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/title.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/title.html</A><BR>                         </DIV>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-01.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-01.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-02.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-02.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-03.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-03.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-04.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-04.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-05.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-05.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-06.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-06.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-07.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-07.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-08.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-08.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-09.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-09.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-10.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-10.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-11.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-11.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-12.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-12.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-13.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-13.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-14.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-14.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-15.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-15.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-16.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-16.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-17.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-17.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-18.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-18.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-19.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-19.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-20.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-20.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-21.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-21.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-22.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-22.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-23.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-23.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-24.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-24.html</A><BR>                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/slide-25.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/slide-25.html</A><BR>                 </DIV> <BR>                 <IMG SRC="../images/folder.gif" ID="Out2.1" CLASS="Outline" WIDTH="22" HEIGHT="14"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/tour.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/tour.html</A><BR>                  <DIV ID="Out2.1d" STYLE="display:None">                         <IMG SRC="../images/file.gif" WIDTH="16" HEIGHT="16"> <A HREF="/web-focus/events/conferences/iriss98/slides-sq/kiosk.html">http://www.ukoln.ac.uk/web-focus/events/conferences/iriss98/slides-sq/kiosk.html</A><BR>                 </DIV>         </DIV> </DIV> <SCRIPT LANGUAGE="VBScript"> function document_onclick() dim targetId, srcElement, targetElement set srcElement = window.event.srcElement if (srcElement.className = "Outline") then targetId = srcElement.id & "d" set targetElement = document.all(targetId) if (targetElement.style.display = "none") then targetElement.style.display = "" srcElement.src = "../images/folder.gif " else targetElement.style.display = "none" srcElement.src = "../images/folder.gif" end if end if end function </SCRIPT> </BODY>