Forum PHP.pl > [JavaScript] Rozwijane menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Rozwijane menu

o2w5n778

20.04.2012, 21:22:39

Witam!
Jestem na etapie tworzenia rozwijanego menu w JavaScript, niestety napotkałem się na pewien problem. Menu rozwija mi się tylko i wyłącznie gdy najade na text, a nie na div'a, to samo z zamykaniem. Rozumiem że tu trzeba już coś w css działać?

[HTML] pobierz, plaintext 
function menu_open(id){
	var div = document.getElementById(id);
	div.style.visibility = 'visible';
}
 
function menu_close(id){
	var div = document.getElementById(id);
	div.style.visibility = 'hidden';
}
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>str</title>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<link rel="stylesheet" type="text/css" href="style.css" />
		<script src="script.js"type="text/javascript"></script>
	</head>
 
	<body>
		<ul>
		<li>
		<div onmouseover="menu_close('text');" onmouseout="menu_open('text');" id="text">
			<a href="#">Home Page</a>
			<a href="#">Home Page</a>
			<a href="#">Home Page</a>
			<a href="#">Home Page</a>
		</div>
		</li>
		</ul>
	</body>
</html>
[HTML] pobierz, plaintext

maniana

20.04.2012, 21:48:48

Najprostszym rozwiązaniem twojego problemu będzie użycie css, który dopasuje tag a do wymiarów diva :)

o2w5n778

21.04.2012, 09:00:50

ok, z tym sobie już poradziłem.
Ale teraz, od razu po uruchomieniu strony moje menu jest otwarte.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.