PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
R

JavaScript menu

Door Robert V op 23-07-2006 23:53
1.063 views
Ik zoek een "simpel" menu'tje waarbij je over de link gaat onder in een vakje de tekst laad die je heb toegevoegd aan de link. Dus moet er een mouseOver en mouseOut event aan gekoppeld worden kan iemand mij hier makkelijk idee'tje geven hoe je dit ook kan weergeven in een div vak eronder of iets.

Alvast bedaknt!!
R
Robert V
24-07-2006 01:23
ben door het lezenv an die pagina niet er echt verder aan uit gekomen om zo'n menu zelf te kunnen maken.... jammer genoeg :(
P
PHP Newbie
24-07-2006 02:17
[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...
[/edit]
?
Onbekende gebruiker
24-07-2006 10:28
Je moet onder de linkjes een div maken met de id omschrijving.
Je kan dat via:
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();
	}
}

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  
L
Lissy Pixel
24-07-2006 10:41
En kom je hier niet uit dan is DIT wellicht iets voor je.

Suc6 in iedergeval !!
R
Robert V
24-07-2006 11:50
Volgens mij klopt er iets niet aan mijn script... Weet iemand misschien wat het is.


<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>
Jan Koehoorn
24-07-2006 12:01 

<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>
R
Robert V
24-07-2006 12:05
Dank je voor snelle reactie, ik had al ergens zo'n script gevonden daarom had ik daar de aanroep code beetje omgezet na het geen dat ik dacht dat het was. Maar het werkt nu prima ik ga het even omzetten naar mouseOut maar dat lukt zelf wel verwacht ik 

<a onMouseOut="writeText('text','')" onMouseOver="writeText ('text', 'test van Jan')" href="link.html">hier menu item</a>

Reageren

Inloggen om te reageren