Ga naar inhoud

Dhtml artikel in oude computertotaal


anoniem

Aanbevolen berichten

Ik zit op me gemak eens oude computertotaals te lezen en kwam in die van juni 2001 stukje over dhtml tegen ik aan de slag maar krijg het niet goed mischien dat een van jullie de fout ziet zitten. <html> <head> <style> body{font-family:verdana;} table{font-size:80%;background:black} a{color:black;text-decoration:none;font:bold} a:hover{color:yellow} td.menu{background:blue} table.menu { font-size 100% position:absolute visibility:hidden; } </style> <script language="javascript"> function toonmenu(elmnt) { document.all(elmnt).style.visibility="visible" } function verstopmenu(elmnt) { document.all(elmnt.style.visibility="hidden" } </script> </head> <body> <table width="100%"> <tr bgcolor=#ff0000"> <td onmouseover="toonmenu('site1')"onmouseout="verstopmenu('site1')"> <A HREF="index.htm">site 1</a><br/> <table class="menu" id="site 1" width="100%"> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag2.htm">wat</a></td></tr> <tr><td class="menu"><a href="pag3.htm">waar</a></td></tr> <tr><td class="menu"><a href="pag4.htm">hoe/a></td></tr> <tr><td class="menu"><a href="pag5.htm">daar</a></td></tr> </table> </td> < td onmouseover="toonmenu('site2')"onmouseout="verstopmenu('site2')"> <a href ="http://www.site2.nl">site2</a><br/> <table class ="menu"id=site2</a><br/> <tr><td class="menu"><a href="http://www.scooterforum.net">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> </table> </td> <td onmouseover="toonmenu('site3')"onmouseout="verstopmenu('site3)"> <A HREF="index.htm">site 3</a><br/> <table class="menu" id="site 3" width="100%"> <tr><td class="menu"><a href="http://www.scooterforum.net">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> </table> </td> </table> </body> </html> Is de bedoeling dat je over het menu gaat en dat er dan ander menutje te voorschijn komt. mzl erik
Link naar reactie
Er zitten nogal wat fouten in... :cry: [code:1:f556ed4eed]<html> <head> <style> body { font-family: verdana; } table { font-size: 80%; background: black; } a {color: black; text-decoration: none; font: bold; } a:hover { color: yellow; } td.menu { background: blue; } table.menu { font-size: 100%; position: absolute; visibility: hidden; } </style> <script language="JavaScript" type="text/javascript"> function toonmenu(elmnt) { document.all(elmnt).style.visibility="visible" } function verstopmenu(elmnt) { document.all(elmnt).style.visibility="hidden" } </script> </head> <body> <table width="100%"> <tr bgcolor="#ff0000"> <td onmouseover="toonmenu('site1')"onmouseout="verstopmenu('site1')"> <A HREF="index.htm">site 1</a><br/> <table class="menu" id="site1" width="100%"> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag2.htm">wat</a></td></tr> <tr><td class="menu"><a href="pag3.htm">waar</a></td></tr> <tr><td class="menu"><a href="pag4.htm">hoe</a></td></tr> <tr><td class="menu"><a href="pag5.htm">daar</a></td></tr> </table> </td> <td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')"> <a href ="http://www.site2.nl">site 2</a><br/> <table class ="menu" id="site2" width="100%"> <tr><td class="menu"><a href="http://www.scooterforum.net">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> </table> </td> <td onmouseover="toonmenu('site3')"onmouseout="verstopmenu('site3')"> <A HREF="index.htm">site 3</a><br/> <table class="menu" id="site3" width="100%"> <tr><td class="menu"><a href="http://www.scooterforum.net">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> <tr><td class="menu"><a href="pag1.htm">wie</a></td></tr> </table> </td> </tr> </table> </body> </html>[/code:1:f556ed4eed] :roll: De code hierboven werkt wel.
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...