Scholieren.com forum - [HTML] 'Menu' in website?

Scholieren.com forum (https://forum.scholieren.com/index.php)

- Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)

- - [HTML] 'Menu' in website? (https://forum.scholieren.com/showthread.php?t=164395)

.Mpje Dual

21-07-2002 13:20

'Menu' in website?

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	21-07-2002 13:29

Code:

  <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

21-07-2002 13:32

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

21-07-2002 13:56

ik heb nu:

Code:

<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, :confused: wat heb ik fout gedaan?

eddie

21-07-2002 15:18

layers en ilayers werken alleen maar in NS4

eddie

21-07-2002 15:31

even uit het hoofd

Code:

<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

21-07-2002 20:03

Citaat:

eddie schreef:
even uit het hoofd

Code:

<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 :eek:

eddie

21-07-2002 20:12

Citaat:

TAFKAB schreef:

Ja wouw joh :eek:

:confused:
Werkt het dan? :o ( :D )

boejjuh

21-07-2002 20:29

Citaat:

eddie schreef:
even uit het hoofd

jij bent ruig :rolleyes:

.Mpje Dual

22-07-2002 11:32

Citaat:

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

eddie

22-07-2002 11:47

Citaat:

.Mpje Dual schreef:

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

*heeft tikfoutje gemaakt* :o

Code:

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 ) :o

.Mpje Dual

22-07-2002 14:02

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

Code:

<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 :p

.Mpje Dual

22-07-2002 14:11

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

Code:

<!----------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 :o

eddie

22-07-2002 14:14

Citaat:

.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 :p

Misschien dat dit werkt?

Code:

<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

22-07-2002 14:29

fout op de pagina line 104
dat is

Code:

<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

eddie

22-07-2002 14:39

Citaat:

.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!

Alle tijden zijn GMT +1. Het is nu 20:54.