MouseOver menu. Forklar det tak!!!!!

JS-koden er:

<script type="text/javascript">
<!--
function eventMaker(eUL){
	var eLI, subMenu;
	var eChilds = eUL.childNodes;
	var i, j;
	for(i = 0; i < eChilds.length; i++){
	    eLI = eChilds[i];
	    if(eLI.nodeName.toLowerCase() == 'li'){
	        subMenu = eLI.childNodes; // how to select only UL-childs?
	        for(j = 0; j < subMenu.length; j++){
				if(subMenu[j].nodeName.toLowerCase() == 'ul'){
					eLI.smen = subMenu[j];
			        eLI.onmouseover = function(){
						this.smen.style.display = 'block';
					}
			        eLI.onmouseout = function(){
						this.smen.style.display = 'none';
					}
					eventMaker(subMenu[j]);
				}
			}
		}
	}
}

if(window.navigator.appName == 'Microsoft Internet Explorer'){
	eventMaker(window.document.getElementById('mymenu'));
	window.status='CSS menu: JavaScript workaround for Microsoft Internet Explorer startet';
}
//-->

</script>

Den skal indsættes et sted i koden EFTER menuen, og window.document.getElementById('mymenu') skal referere til menuens rod, det vil sige at hvis du har kaldt menuen noget andet end mymenu, skal den ændres.

EDIT: Kopier ikke her fra, forummet laver rod i det.

[Redigeret d. 29/07-05 20:34:10 af Jesper Kristensen]

Forklaret yderligere... Hvis der er blevet brugt kommentare i HTML-koden og i JS, så kan den næsten ikke gåes i flere detaljer.
---------------------------------
www.teamsf.frac.dk
www.EJ-Computer.dk | Your PC entertainer

Nej desværre, som sagt det er kun en test jeg har lavet dvs. at jeg ikke har lagt en ind på den side som jeg skal bruge den på, for ikke at få rodet så meget rundt på det som jeg har lavet
det eneste jeg har lavet er css og js, intet andet. Er det mon derfor?

Du er også nødt til at lave menuen. Det du har lavet er kun funktionen til den.

For at lave selve menuen kan du evt. prøve at ændre i Jespers menukode:

<ul id="mymenu">
	<li><a href="#cssmenu">Menuen</a>
		<ul>
			<li><a href="#howto">Sådan gøres det</a>
				<ul>
					<li><a href="#trick">Tricket</a></li>
				</ul>
			</li>

			<li><a href="#notes">Noter</a></li>
		</ul>
	</li>
	<li><a href="#">2</a>
		<ul>
			<li><a href="#hoto">2.1</a>
				<ul>

					<li><a href="#">2.1.1</a></li>
					<li><a href="#">2.1.2</a></li>
					<li><a href="#">2.1.3</a></li>
				</ul>
			</li>
			<li><a href="#">2.2</a>
				<ul>

					<li><a href="#">2.2.1</a></li>
					<li><a href="#">2.2.2</a></li>
					<li><a href="#">2.2.3</a>
					    <ul>
					        <li><a href="#">2.2.3.1</a></li>
						</ul>
					</li>

				</ul>
			</li>
		</ul>
	</li>
</ul>

Mvh.
Rune Jensen
---------------------------------------------------------------------------
##The one who laugh last is the one who think slowest!##
---------------------------------------------------------------------------

Den 29-07-05 19:48 skrev Niels-Peter Nielsen følgende:
-----------------------------------------------------------------------------
Det er mig som skrev det sidste emne om mouseover. Jeg tror ikke jeg fik det forklaret det godt nok, men det vil jeg gøre nu:

1. Menuen kommer til at være en bjælke foroven, så der vil være menupunkter, så når man med markøren kører over dem vil der komme nogle andre menupunkter, som man kan klikke på. Noget lign: http://www.dourun.dk/default2.asp men måske flottere design.

2. Jeg vil gerne have de det udførligt forklaret gør ikke noget det er engelsk

På forhånd tak.... Niels-Peter Nielsen
-----------------------------------------------------------------------------
Hej Niels Peter

Kopiere og tilrette er selvfølgelig altid godt, men på denne side http://www.webdesign101.dk/xhtml/navigation/cssmenuer.php synes jeg det bliver forklaret utrolig godt, hvordan man kan lave menuer vha. CSS - hvilket har mange fordele.


Venlig hilsen
Hanne B. Stegemüller

Svar i den anden tråd du lavede, og lad være med at lave en ny tråd om samme emne. Jeg linkede før til min egen side, og sagde at denne linkede videre til et andet eksempel:

http://www.alistapart.com/articles/dropdowns/

Og jeg vil mene at det eksempel er meget grundigt forklaret.

De laver en simpel menu, som kommer til at se sådan ud:

http://www.htmldog.com/articles/suckerfish/example/

Men hvad er det du vil have yderligere forklaret?

Jo det jeg vil have forklaret er, javascriptet jeg har forstået det der i css. Du siger at man bare skal tage kildekoden fra din side, og så sætte den ind i sin egen. Det er det jeg gerne vil have forklaret yderligere

Jeg kan ikke få det til at virke.
Jeg har sat det der css ind i et css doc og linket til det på min side.
og jeg har sat js koderne ind i html dokumentet og når jeg åbner den i IE så er der intet på siden, det skal dertil siges at jeg ikke har sat den ind i den side som jeg skal bruge den i, bare i en test side...
men jeg kan ikke få det til at virke

Hilsen Niels-Peter Nielsen

link?

link?

ja jeg linker mit css dokument til mit html dokument

Tror han mener at du skal poste linket til hvor du har uploadet det


-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------