On Sun, 7 Nov 2004 10:08:26 +0100, Kurt Hansen <kurt@towle.dk> wrote:
> Men
> hvordan laver jeg den overordnede struktur med inddeling af de
> forskellige
> områder på siden?
Placere menuen i en <div> og indholdet i en anden
Kig lidt på <
http://html.dk/artikler/00043/>
> jeg kan slet ikke overskue f.eks. hvor meget plads der
> skal afsættes til menuen, for den fylder jo mere og mere, efterhånden som
> underpunkterne klapper ud. Hvis tekst og billeder fylder hele
> arbejdsarealet, kan fly-out menupunkterne så overlappe midlertidigt,
> eller
> er det for besværligt?
Det kan sagtens overlappe, hvis du gerne vil have det. Så skal du bare
placere menuen med position:absolute;.
> Da menuen jo er "dynamisk" kan det jo ikke nytte, at et klik på et
> menupunkt
> udløser indlæsning af hele siden igen, for så klapper træet jo sammen.
> Havde
> jeg nu villet bruge frames, som jeg gjorde i gamle dage, havde det ikke
> været noget problem.
Hvis du kigger på <
http://www.hintzmann.dk/articles/mhalist/> under
"væsentlige ting" står der:
Vedvarende tilstand
mhaList foldud træet forbliver åben eller lukket som brugeren navigere
rundt på siden. mhaList bruger cookies til at huske foldud træets tilstand
og genskaber den automatisk på den næste side.
> Er der nogen der gider at hjælpe mig med den "få linier" kode der skal
> til,
> for at jeg selv kan arbejde videre?
doctype osv.
<head>
<style type="text/css">
#menu {
position:absolute;
top:0;
left:0;
width:200px;
}
#content {
margin-left:200px;
}
</style>
<script type="text/javascript" src="mhalist.js"></script>
</head><body>
<div id="menu">
<!--#include file="min_menu.inc"-->
</div>
<div id="indhold">
Her kan du så lægge dit indhold.
</div>
<script type="text/javascript"><!--
// Does Namespace 'ml' exist
if (typeof(ml) != "undefined") {
// Build ListTree by the id of the root ul element
var oTree1 = new ml.buildList("tree1");
}
//--></script>
</body></html>
min_menu.inc skal så indholde menuen, dvs.:
<ul class="ListTree" id="tree1">
<li><a>Menu 1</a> <em>(No href)</em>
<ul>
<li><a href="#">Menu 1.1</a></li>
<li><a href="#">Menu 1.2</a></li>
</ul>
</li>
<li><a href="#">Menu 2</a>
<ul>
<li><a href="#">Menu 2.1</a></li>
<li><a href="#">Menu 2.2</a></li>
</ul>
</li>
</ul>
--
Ryan Kristensen