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

Javascript onmouseover

Door /home/joost op 27-02-2009 13:26
632 views
Beste,

Ik heb de volgende code om een submenu-tje te maken:

<table class="menu">
<tr>
<td class="button">Wie zijn wij</td>
</tr>
<tr>
<td class="submenu">Over ons</td>
</tr>
<tr>
<td class="submenu">Routebeschrijving</td>
</tr>
</table>

Wat ik wil is dat als ik over "wie zijn wij" ga met mijn muis, dat dan td.submenu te voorschijn komt.

Op td.submenu staat in de css display: none;

Hoe kan ik dat aanpassen dmv een javascript function ??

mvg Joost.
?
Onbekende gebruiker
27-02-2009 13:33
Geen tabellen gebruiken. Die zijn kut. Die moet je niet gebruiken voor opmaak. In tabellen stop je alleen data die in tabellen hoort, zoals een adressenbestand.
Verder is het gewoon de display veranderen, op [google]w3schools[/google] kan je wel vinden hoe.
Gebruik liever ul i.c.m. li.
/
/home/joost
27-02-2009 13:54
Ok, ik heb nu als css:

ul.menu {
	float: left;
	background-color: #666666;
}
ul.menu:hover {
	cursor: pointer;
	background-color: #CCCCCC;
}




li.first {
	list-style: none;
	background-color: #666666;
}
li.first:hover {
	background-color: #CCCCCC;
}

li.submenu {
	display: none;
	background-color: #666666;
}
li.first:hover {
	background-color: #CCCCCC;
}



En als html:


<div class="menubar">
	<ul class="menu">
		<li class="first">Home</li>
	</ul>
	<ul class="menu">
		<li class="first" onmouseover="show()">Wie zijn wij</li>
		<li class="submenu">Over ons</li>
		<li class="submenu">Routebeschrijving</li>
	</ul>
</div>


en als JavaScript:


<script language="JavaScript">
<!--
function(show) {
	if (document.submenu.display == "none") {
		document.submenu.display = "block";
	} 
	else { 
		document.submenu.display = "none";
	}
}
//-->
</script>



Alleen dit werkt niet, wat doe ik verkeerd ??

mvg Joost.
?
Onbekende gebruiker
27-02-2009 13:59
Firefox en [google]Opera[/google] hebben een error console. Daarmee kan je zien wat er fout gaat. Ik denk dat je het submenu verkeerd benaderd. Kijk nog eens op w3schools.
Je kunt ook [google]jQuery[/google] gebruiken.
?
Onbekende gebruiker
27-02-2009 13:59
Die CSS moet dan wel inline worden. JavaScript kan geen CSS veranderen die in een CSS bestand staat.

mvg GaMer13, mvg GaMer13, mvg GaMer13, mvg GaMer13
?
Onbekende gebruiker
27-02-2009 14:05
GaMer13 schreef op 27.02.2009 13:59
Die CSS moet dan wel inline worden. JavaScript kan geen CSS veranderen die in een CSS bestand staat.

Nooit wat van gemerkt. Ik heb gewoon allemaal css in bestanden staan, en me javascript ook...

@Joost: Ga maar eens naar de beginselen van javascript kijken... Je doet wat fout met de functie.

GaMer13 schreef op 27.02.2009 13:59
mvg GaMer13, mvg GaMer13, mvg GaMer13, mvg GaMer13

Waar slaat dát nou weer op.
?
Onbekende gebruiker
27-02-2009 14:12
Karl schreef op 27.02.2009 14:05

[quote='GaMer13 schreef op 27.02.2009 13:59']mvg GaMer13, mvg GaMer13, mvg GaMer13, mvg GaMer13

Waar slaat dát nou weer op.[/quote]

Als je dát nog niet opgevallen is.... >< Zie alle posts van Joost :]
?
Onbekende gebruiker
27-02-2009 14:12
GaMer13 schreef op 27.02.2009 14:12
[quote='Karl schreef op 27.02.2009 14:05']
[quote='GaMer13 schreef op 27.02.2009 13:59']mvg GaMer13, mvg GaMer13, mvg GaMer13, mvg GaMer13

Waar slaat dát nou weer op.[/quote]

Als je dát nog niet opgevallen is.... >< Zie alle posts van Joost :][/quote]
Oh, volgens mij heb ik hem daar ook al eens op gewezen, maarja...
/
/home/joost
27-02-2009 14:46
Is toch gewoon beleefd ??

mvg Joost.
M
Mitchell
27-02-2009 14:49
Joost schreef op 27.02.2009 14:46
Is toch gewoon beleefd ??

mvg Joost.
Denk dat ze het raar vinden, omdat dit een forum is en niet een mail of brief.

Reageren

Inloggen om te reageren