[HTML] 'Menu' in website?

[.Mpje Dual]

Ik wil zo'n soort menuutje hebben zoals hier, maar ik kom niet verder dan het plaatje van (op die pagina menu.jpg). Ik heb die gemaakt en als ik hem aanklik komt het menu wel op, maar er staat niks, het menu is leeg, hoe moet dit

[bam]

  <img src="../images/topmenu.jpg" width="556" height="16" usemap="#Map" border="0"> 
<map name="Map"> 
  <area shape="rect" coords="14,1,60,14" href="../index.shtml">
  <area shape="rect" coords="69,1,129,15" href="../reviews.shtml">
  <area shape="rect" coords="141,2,212,16" href="../previews.shtml">
  <area shape="rect" coords="223,2,274,17" href="../games.shtml">
  <area shape="rect" coords="285,1,347,16" href="javascript:launch('../jukebox.html')">
  <area shape="rect" coords="358,2,408,15" href="../media.shtml">
  <area shape="rect" coords="418,1,500,17" href="../interactief.shtml">
  <area shape="rect" coords="512,1,559,15" href="../about.shtml">
</map>

Dit is de menu code en volgens mij is er hier image mapping gebruikt.
Dus zouw jij het zelfde moeten doen.
Als je even bij download.com gaat en zoek naar image mapping kom je volgens mij zat programma's tegen die je kunnen helpen met zo'n menu

[TAFKAB]

Dat principe noem je een "jump"menu (hij is iets anders), als je bedoelt dan.
Dat kan je zo in Dreamweaver maken.
Ik raad je echter aan om is in Fireworks te gaan duiken en bekijk meteen deze website is : http://www.dynamicdrive.com/
En bedenk je eigen manier van navigatie op je site, wees creatief.

[.Mpje Dual]

ik heb nu:

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu0');event.cancelBubble=true;return false"><font face=Verdana><b><a href="C:\mijn documenten\ff8\menu.html" onClick="if(ns4) return dropit(event, 'document.dropmenu0')"><img src="C:\mijn documenten\ff8\menu.gif" width="278" height=35" usemap="#Map" border="0">   <area shape="rect" coords="14,1,60,14" href="../index.shtml">
<map name="Map"> 
  <area shape="rect" coords="14,1,60,14" href="../index.shtml">
  <area shape="rect" coords="69,1,129,15" href="../reviews.shtml">
  <area shape="rect" coords="141,2,212,16" href="../previews.shtml">
  <area shape="rect" coords="223,2,274,17" href="../games.shtml">
  <area shape="rect" coords="285,1,347,16" href="java script:launch('../jukebox.html')">
  <area shape="rect" coords="358,2,408,15" href="../media.shtml">
  <area shape="rect" coords="418,1,500,17" href="../interactief.shtml">
  <area shape="rect" coords="512,1,559,15" href="../about.shtml">
</map>
<map name="Map"> </a></b></font>
</map>
</span>
</div>
</layer>
</ilayer>

hij doet het nog niet hoor, wat heb ik fout gedaan?

layers en ilayers werken alleen maar in NS4

even uit het hoofd

<script type="text/javascript">
function changeState( id )
{
  if (document.getElementById( id ) )
  {
    document.getElemtentById( id ).style.visibility == "hidden" ? document.getElemtentById( id ).style.visibility = "visible" : document.getElemtentById( id ).style.visibility = "hidden";
  }
  else
  {
    alert( 'Het element ' + id + ' bestaat niet.' );
  }
}
</script>
...
<img src="../images/topmenu.jpg" width="556" height="16"border="0" onClick="changeState('menu')">
<div id="menu" onMouseOut="changeState('menu')" style="visibility: hidden;">
<a href="url1.html" title="blaat">Blaat?</a>
</div>

[TAFKAB]

eddie schreef:
even uit het hoofd

<script type="text/javascript">
function changeState( id )
{
  if (document.getElementById( id ) )
  {
    document.getElemtentById( id ).style.visibility == "hidden" ? document.getElemtentById( id ).style.visibility = "visible" : document.getElemtentById( id ).style.visibility = "hidden";
  }
  else
  {
    alert( 'Het element ' + id + ' bestaat niet.' );
  }
}
</script>
...
<img src="../images/topmenu.jpg" width="556" height="16"border="0" onClick="changeState('menu')">
<div id="menu" onMouseOut="changeState('menu')" style="visibility: hidden;">
<a href="url1.html" title="blaat">Blaat?</a>
</div>

Ja wouw joh

TAFKAB schreef:

Ja wouw joh

Werkt het dan? ( )

[boejjuh]

eddie schreef:
even uit het hoofd

jij bent ruig

[.Mpje Dual]

eddie schreef:
even uit het hoofd

<script type="text/javascript">
function changeState( id )
{
  if (document.getElementById( id ) )
  {
    document.getElemtentById( id ).style.visibility == "hidden" ? document.getElemtentById( id ).style.visibility = "visible" : document.getElemtentById( id ).style.visibility = "hidden";
  }
  else
  {
    alert( 'Het element ' + id + ' bestaat niet.' );
  }
}
</script>
...
<img src="../images/topmenu.jpg" width="556" height="16"border="0" onClick="changeState('menu')">
<div id="menu" onMouseOut="changeState('menu')" style="visibility: hidden;">
<a href="url1.html" title="blaat">Blaat?</a>
</div>

Werkt niet hoor, hierbij klik je op het plaatje waarna de link gewoon opent, ik moet een menuutje krijgen
Of doe ik wat verkeerd?

.Mpje Dual schreef:

Werkt niet hoor, hierbij klik je op het plaatje waarna de link gewoon opent, ik moet een menuutje krijgen
Of doe ik wat verkeerd?

*heeft tikfoutje gemaakt*

function changeState( id )
{
  if (document.getElementById( id ) )
  {
    document.getElementById( id ).style.visibility == "hidden" ? document.getElementById( id ).style.visibility = "visible" : document.getElementById( id ).style.visibility = "hidden";
  }
  else
  {
    alert( 'Het element ' + id + ' bestaat niet.' );
  }
}
</script>

Ik had eerst getElemtentById( id ) ipv getElementById( id )

[.Mpje Dual]

hey, eddie nu doet hij precies hetzelfde als daarvoor, ik krijg het menu wel, maar geen links

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu0');event.cancelBubble=true;return false"><font face=Verdana><b><a href="C:\mijn documenten\ff8\menu.html" onClick="if(ns4) return dropit(event, 'document.dropmenu0')"><img src="C:\mijn documenten\ff8\menu.gif" width="278" height=35" usemap="#Map" border="0">   <area shape="rect" coords="14,1,60,14" href="../index.shtml">
<script type="text/javascript">
function changeState( id )
{
  if (document.getElementById( id ) )
  {
    document.getElementById( id ).style.visibility == "hidden" ? document.getElemtentById( id ).style.visibility = "visible" : document.getElemtentById( id ).style.visibility = "hidden";
  }
  else
  {
    alert( 'Het element ' + id + ' bestaat niet.' );
  }
}
</script>
Final Fantasy VIII
<img src="C:\ff8\menu.gif" width="556" height="16"border="0" onClick="changeState('menu')">
<div id="menu" onMouseOut="changeState('menu')" style="visibility: hidden;">
<a href="c:\mijn documenten\ff8.html" title="FF 8">Jepz ff VII site</a>
</div>

</map>
<map name="Map">function changeState( id )
/div>
</script>
</div></a></b></font>
</map>
</span>
</div>
</layer>
</ilayer>

Dit zijn 2 bijna dezelfde maar dan anders geschreven, en bij allebei zie ik alleen maar... niks

[.Mpje Dual]

Function changestate ( id ) doet het ook niet, hij wordt als gewone tekst geshowd
ik heb nu:

<!----------Menu 1 starts here---------->

<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu0');event.cancelBubble=true;return false"><font face=Verdana><b><a href="C:\mijn documenten\ff8\menu.html" onClick="if(ns4) return dropit(event, 'document.dropmenu0')"><img src="C:\mijn documenten\ff8\menu.gif" width="278" height=35" usemap="#Map" border="0">   <area shape="rect" coords="14,1,60,14" href="C:\mijn documenten\ff8\menu.html">
<script type="text/javascript">
function changeState( id )
{
  if (document.getElementById( id ) )
  {
    document.getElementById( id ).style.visibility == "hidden" ? document.getElemtentById( id ).style.visibility = "visible" : document.getElemtentById( id ).style.visibility = "hidden";
  }
  else
  {
    alert( 'Het element ' + id + ' bestaat niet.' );
  }
}
</script>
Final Fantasy VIII
<img src="C:\mijn documenten\ff8\menu.gif" width="556" height="16"border="0" onClick="changeState('menu')">
<div id="menu" onMouseOut="changeState('menu')" style="visibility: hidden;">
<a href="c:\mijn documenten\ff8\menu.html" title="FF 8">Jepz ff VII site</a>
<map name="Map"> 
  <area shape="rect" coords="14,1,60,14" href="../index.shtml">
  <area shape="rect" coords="69,1,129,15" href="../reviews.shtml">
  <area shape="rect" coords="141,2,212,16" href="../previews.shtml">
  <area shape="rect" coords="223,2,274,17" href="../games.shtml">
  <area shape="rect" coords="285,1,347,16" href="java script:launch('../jukebox.html')">
  <area shape="rect" coords="358,2,408,15" href="../media.shtml">
  <area shape="rect" coords="418,1,500,17" href="../interactief.shtml">
  <area shape="rect" coords="512,1,559,15" href="../about.shtml">
</map>
</div>
</map>
<map name="Map">function changeState( id )
</div>
</script>
</div></a></b></font>
</map>
</span>
</div>
</layer>
</ilayer>
<!----------Menu 1 ends here---------->

op C:\mijn documenten\ff8\menu.html staat het menu... of moet dat shtml zijn, maakt dat uit?
C:\mijn documenten\menu.gif is het plaatje
en C:\mijn documenten\ff8.html is de site waarop ik heb bouw, ik zie niet wat er fout is, en ik ben mn windows foutenscanner kwijt

.Mpje Dual schreef:
hey, eddie nu doet hij precies hetzelfde als daarvoor, ik krijg het menu wel, maar geen links
*code*
Dit zijn 2 bijna dezelfde maar dan anders geschreven, en bij allebei zie ik alleen maar... niks

Misschien dat dit werkt?

<script type="text/javascript">
function changeState( id )
{
  if (document.getElementById( id ) )
  {
    var element = document.getElementById( id );

    element.style.visibility == "hidden" ? element.style.visibility = "visible" : element.style.visibility = "hidden";
  }
  else
  {
    alert( 'Het element \'' + id + '\' bestaat niet.' );
  }
}
</script>

Final Fantasy VIII
<img src="C:\mijn documenten\ff8\menu.gif" width="556" height="16" border="0" alt="" onClick="changeState('menu')">
<div id="menu" onMouseOut="changeState('menu')" style="visibility: hidden;">
 <a href="c:\mijn documenten\ff8.html" title="FF 8">Jepz ff VII site</a>
</div>

[.Mpje Dual]

fout op de pagina line 104
dat is

<img src="C:\mijn documenten\ff8\menu.gif" width="556" height="16" border="0" alt="" onClick="changeState('menu')">

Object wordt verwacht, en dan C:\mijn documenten\ff8.html
nu heb ik dat plaatje in een link veranderd, maar nu zit ik nog met dat menu, er zitten geen fouten op de pagina, het menu opent, alleen er zitten geen links in

.Mpje Dual schreef:
fout op de pagina line 104
dat is
*code*
Object wordt verwacht, en dan C:\mijn documenten\ff8.html
nu heb ik dat plaatje in een link veranderd, maar nu zit ik nog met dat menu, er zitten geen fouten op de pagina, het menu opent, alleen er zitten geen links in

je moet een plaatje als src opgeven (dus src="menu.gif").
In de DIV met het id 'menu', moet je de links zetten.

En dan moet het werken.

Klik!