JavaScript menu
Alvast bedaknt!!
Gewijzigd op 01/01/1970 01:00:00 door Robert V
http://www.bitstorm.org/edwin/cursus/dhtml.html
Edit:
Dit bedoelde je niet,
Dat menu is erg simpel, gewoon een lijntje onder je tekst zetten met css, en vervolgens met een onmouseover het hele vlak de kleur van het lijntje geven...
Dit bedoelde je niet,
Dat menu is erg simpel, gewoon een lijntje onder je tekst zetten met css, en vervolgens met een onmouseover het hele vlak de kleur van het lijntje geven...
Gewijzigd op 01/01/1970 01:00:00 door PHP Newbie
Je kan dat via:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
function writeText( layer,text ) {
if( document.getElementById ) {
document.getElementById( layer ).innerHTML = text;
} else if( document.all ) {
document.all[layer].innerHTML = text;
} else {
document[layer].document.open();
document[layer].document.write( text );
document[layer].document.close();
}
}
if( document.getElementById ) {
document.getElementById( layer ).innerHTML = text;
} else if( document.all ) {
document.all[layer].innerHTML = text;
} else {
document[layer].document.open();
document[layer].document.write( text );
document[layer].document.close();
}
}
de tekst er in wijzigen.
Je roept de functie aan als je over een menu item gaat (onMouseOver) en als je er weer af gaat (onMouseOut) plaats je als tekst
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
function writeText( layer,text ) {
if( document.getElementById ) {
document.getElementById( layer ).innerHTML = text;
} else if( document.all ) {
document.all[layer].innerHTML = text;
} else {
document[layer].document.open();
document[layer].document.write( text );
document[layer].document.close();
}
}
</script>
</head>
<body>
<a onMouseOver="text.innerHTML = hier me tekst;" href="link.html">hier menu item</a>
<br />
<div id="text"></div>
function writeText( layer,text ) {
if( document.getElementById ) {
document.getElementById( layer ).innerHTML = text;
} else if( document.all ) {
document.all[layer].innerHTML = text;
} else {
document[layer].document.open();
document[layer].document.write( text );
document[layer].document.close();
}
}
</script>
</head>
<body>
<a onMouseOver="text.innerHTML = hier me tekst;" href="link.html">hier menu item</a>
<br />
<div id="text"></div>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
function writeText( layer,text ) {
if( document.getElementById ) {
document.getElementById( layer ).innerHTML = text;
} else if( document.all ) {
document.all[layer].innerHTML = text;
} else {
document[layer].document.open();
document[layer].document.write( text );
document[layer].document.close();
}
}
</script>
</head>
<body>
<a onMouseOver="writeText ('text', 'test van Jan')" href="link.html">hier menu item</a>
<br />
<div id="text"></div>
function writeText( layer,text ) {
if( document.getElementById ) {
document.getElementById( layer ).innerHTML = text;
} else if( document.all ) {
document.all[layer].innerHTML = text;
} else {
document[layer].document.open();
document[layer].document.write( text );
document[layer].document.close();
}
}
</script>
</head>
<body>
<a onMouseOver="writeText ('text', 'test van Jan')" href="link.html">hier menu item</a>
<br />
<div id="text"></div>
Code (php)
1
<a onMouseOut="writeText('text','')" onMouseOver="writeText ('text', 'test van Jan')" href="link.html">hier menu item</a>
Gewijzigd op 01/01/1970 01:00:00 door Robert V