Miscellany

<html>
 
<head>
<title>Fold meny-test</title>
 
<base target="main3">
 
<style>
<!--
#foldheader{cursor:hand ; color: #FF0000 ;
list-style-image:url('fold.gif')}
#foldinglist{list-style-image:url('list.gif')}
//-->
</style>
<script language="JavaScript1.2">
<!--
 
var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"
 
function change(){
   if(!document.all)
      return
   if (event.srcElement.id=="foldheader") {
      var srcIndex = event.srcElement.sourceIndex
      var nested = document.all[srcIndex+1]
      if (nested.style.display=="none") {
         nested.style.display=''
         event.srcElement.style.listStyleImage="url(open.gif)"
      }
      else {
         nested.style.display="none"
         event.srcElement.style.listStyleImage="url(fold.gif)"
      }
   }
}
 
document.onclick=change
 
//-->
</script>
</head>
 
<body bgcolor="#FFFFFF" vlink="#008000" text="#336666" leftmargin="0"
style="font-family: sans-serif; font-size: 8pt; text-indent: -10px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px"
link="#336666" topmargin="0">
 
<ul>
  <li id="foldheader">Mat</li>
  <ul id="foldinglist" style="display:none" style="&amp;{head};">
    <li><a href="nuts.htm">nötter</a></li>
    <li><a href="cakes.htm">kakor</a></li>
  </ul>
  <li id="foldheader">Bilar</li>
  <ul id="foldinglist" style="display:none" style="&amp;{head};">
    <li><a href="volvo.htm">Volvo</a></li>
    <li><a href="saab.htm">Saab</a></li>
  </ul>
  <br>
  <a target="contents" href="content_expanded.htm">Funkar inte menyn?<br>Klicka här</a>
</ul>
 
<br>
<br>
<br>
<br>
 
<iframe src="http://www.datum.nu" name="ruta"></iframe>
 
</body>
</html>