Nå nu gik det op for mig . title attributten bruges ikke til andet end at tildele en forklarende streng til a elementet.
Det skal altså ikke opfattes som forsøg på javascripting. Feltet er helt uden betydning, drop det!
Jeg har her forsøgt at skitsere et løsningsforslag; du skal være opmærksom på at der er forskel på menubjælken og menuerne- så alt efter hvor du ønsker grafik skal der gøres lidt forskelligt.
Jeg har også inkulderet den kode fra eksemplet der er nødvendig for at få menuen til at køre.
<head>
<script language="javascript" src="ypslideoutmenusc.js"></script>
<script language="javascript">
var menus = [
new ypSlideOutMenu("menu1", "down", 5, 80, 170, 59),
new ypSlideOutMenu("menu2", "down", 57, 80, 170, 40),
]
for (var i = 0; i < menus.length; i++) {
menus[i].onactivate = new Function("document.getElementById('act" + i + "').className='active';");
menus[i].ondeactivate = new Function("document.getElementById('act" + i + "').className='';");
}
</script>
<srcipt>
et stript genereret af dreamweaer med billde swap funktionen
</script>
<link rel="stylesheet" href="menu.css" type="text/css">
</head>
<body>
<!-- menu bjælke uden grafik -->
<div id="menubar">
<a id="act0" href="#" onmouseover="ypSlideOutMenu.showMenu('menu1')" onmouseout="ypSlideOutMenu.hideMenu('menu1')" >MenuOverskrift1</a>
<a id="act1" href="#" onmouseover="ypSlideOutMenu.showMenu('menu2')" onmouseout="ypSlideOutMenu.hideMenu('menu2')" >MenuOverskrift2</a>
</div>
<!-- slut menu bjælke -->
<!-- menu bjælke med grafik -->
<div id="menubar">
<a id="act0" href="#" onmouseover="ypSlideOutMenu.showMenu('menu1') ; MM_swapImage('imgNavnMenu1','','gfx/menu/menu_r1_c1_f2.gif',1)"
onmouseout="ypSlideOutMenu.hideMenu('menu1') ; MM_swapImgRestore()" >
<img name="imgNavnMenu1" src="sti til start billede">
</a>
.. På samme måde med næste <a ....>
</div>
<!-- slut menu med grafik -->
<!-- bygger menu1 -->
<!- uden grafik -->
<div id="menu1Container">
<div id="menu1Content" class="menu">
<div class="options">
<a href="
http://www.top100.ro/cgi-bin/vote.cgi?id=15327">dhtml p o s t</a>
<a href="
http://www.top100.ro/cgi-bin/vote.cgi?id=15327">este sursa ta</a>
<a href="
http://www.top100.ro/cgi-bin/vote.cgi?id=15327">de java script</a>
</div>
</div>
</div>
<!slut uden grafik -->
i selve menuopbygningerne er der ikke noget specielt ønsker du billeder med swap så skal du bare bruge dreamweaver funktionerne.
Her er en liste på noget du skal være opmærksom på
1) menubjælkens <a elementer skal have et id og id'et skal være id="act0" for den første "act1" for den næste o.s.v
grund:
( document.getElementByID('act"+i+"').className = )
2) husk at inkluderer ypslideoutmenusc.js
3) du kan lave funktioner til onMouseout og onMouseover eventen på menu bjælken, ellers seperer funktionskald med ; ( det første er pænere og giver en mere overskuelig kode)