Hej!
Jag trodde jag hade kommit på den ultimata menyn (:)) men så va ej fallet :(
Eller är det?
Det är en meny skapad mha javascript som visar undermeny när man klickar på den... Funkar bra så länge man inte trycker på någon undermeny, när detta görs kastas man ju vidare till en sida, men när man kommer till den sidan ska man ju visa undermenyn fortfarande... Detta löste jag med en onload på body som visar undermenyn. Tyvärr så laddas den ju inte förrän hela sidan är laddad o det syns att den kommer senare...
Finns det något bättre sätt att lösa det? Jag försöker undvika php för att kunna hittas av sökmotorer.. annars skulle man kanske kunna använda det...
Här är koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Denna sida är gjord av Erik Sigvardsson
[url]http://erik.sigvardsson.com[/url]
-->
<?
if (isset($_GET['show']))
$show=$_GET['show'];
else
$show="";
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta name="Description" content="Välkommen in till Kroppsverkstan" />
<meta name="Author" content="Erik Sigvardsson" />
<meta name="KeyWords" content="kroppsverkstan, gävleborgs län, gävleborg, friskvård, massagekurser, utbildning" />
<title>Kroppsverkstan</title>
<link rel="stylesheet" href="stilmall.css" type="text/css"/>
<script language="javascript">
var lastmenu=false;
function changeStyle(Id,Property,Value){
if (document.all){
eval('document.all[Id].style.'+Property+'="'+Value+'"');
} else if (document.layers){
eval('document.layers[Id].'+Property+'="'+Value+'"');
} else if (document.getElementById){
eval('document.getElementById(Id).style.'+Property+'="'+Value+'"');
}
}
function clickMenu(mnu){
if(mnu==lastmenu){
changeStyle(mnu,'display','none'); lastmenu=false;
} else {
if(lastmenu){ changeStyle(lastmenu,'display','none'); }
changeStyle(mnu,'display','inline');
lastmenu=mnu;
}
}
</script>
</head>
<body onLoad="clickMenu('m1');return false;">
<div id="menu">
<div class="topmenu">MENY</div>
<p class="menu"><a href="#" onClick="clickMenu('m1');return false;">Kroppsverkstan</a></p>
<div id="m1" class="menuhidden">
<p class="undermenu"><a href="fskattesedel.php">F-skattesedel</a></p>
<p class="undermenu"><a href="verksamhet.php">Verksamhetsbitar</a></p>
</div>
<p class="menu"><a href="migsjalv.php">Mig själv</a></p>
<p class="menu"><a href="#" onClick="clickMenu('m2');return false;">Massagekurser</a></p>
<div id="m2" class="menuhidden">
<p class="undermenu"><a href="aktuellakurser.php">Aktuella kurser</a></p>
<p class="undermenu"><a href="beskrivning.php">Beskrivning</a></p>
<p class="undermenu"><a href="intresseanmalan.php">Intresseanmälan</a></p>
<p class="undermenu"><a href="bokaplats.php">Boka plats på</a></p>
</div>
<p class="menu"><a href="#" onClick="clickMenu('m3');return false;">Utbildningar</a></p>
<div id="m3" class="menuhidden">
<p class="undermenu"><a href="utbildningar.php">Vilka utbildningar</a></p>
<p class="undermenu"><a href="foretagshalsovard.php">Företagshälsovård</a></p>
<p class="undermenu"><a href="friskvard.php">Friskvård</a></p>
</div>
<p class="menu"><a href="mottagningen.php">Mottagningen</a></p>
<p class="menu"><a href="backtobusiness.php">Back to business</a></p>
<p class="menu"><a href="#" onClick="clickMenu('m4');return false;">Kontakta mig</a></p>
<div id="m4" class="menuhidden">
<p class="undermenu"><a href="gastbok.php">Gästbok</a></p>
<p class="undermenu"><a href="formular.php">Formulär</a></p>
<p class="undermenu"><a href="adress.php">Adress</a></p>
</div>
<div class="topmenu" style="margin-top:20px;">KURSER PÅ GÅNG</div>
<p class="textmenu">Här kan man visa om en kurs är på gång tex.</p>
</div>
<div id="content">
<p><img src="bilder/head.gif" alt="head.gif" style="border:0px;"/><br/>
Verksamhetsbitar
</div>
</body>
</html>