Forum PHP.pl > [java] Menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Lombi

7.08.2006, 14:23:18

Witam,

Chce zrobić proste menu:
jakiś link po najechaniu na który pojawiają się pod nim inne linki!
Zmajstrowałem sobie coś takiedo tylko nie wiem jak mam napisać że jeśli mysza pojedzie na "podmenu" żeby nadal je wyświetlał a jeśli nie to żeby ukrył!

[HTML] pobierz, plaintext 
<html>
<head>
<script language="JavaScript">
function MouseOver()
{
document.all.podmenu.style.visibility="visible";
}
function MouseOut() {
if ()
{
document.all.podmenu.style.visibility="visible";
}
else
{
document.all.podmenu.style.visibility="hidden";
}
}
</script>
</head>
 
<body>
 
<a href="#" onMouseOver="MouseOver()" onMouseOut="MouseOut()">Menu</a>
 
<div id="podmenu" style="visibility:hidden">
	<a href="#">Podmenu 1</a></br>
	<a href="#">Podmenu 2</a></br>
</div>
 
 
</body>
</html>
[HTML] pobierz, plaintext

=kokos=

7.08.2006, 14:35:40

wejdz na stronkę i tam w lewym menu zatytułowanym skrypty znajdziesz Menu Otwierane. Może się przyda.

Lombi

7.08.2006, 18:41:18

Wszystko pieknie tylko że ja chce żeby menu rozwijało się kiedy najade na napis a nie na tabelke która dopasowuje się do szerokości linków w podmenu!

Jedyne czego mi brakuje to jak w skrypcie powyżej powiedzieć javce że jeśli najade na podmenu to ma go nie ukrywac a jesli zjade z niego to ma go ukryć

=kokos=

7.08.2006, 20:11:36

Przerobiłem nieco skrypt, który Ci podałem. O taki efekt Ci chodziło?

w sekcji head

[HTML] pobierz, plaintext 
<script TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
var display_timer_id = new Array();
function display(id, wartosc)
{
  clearTimeout(display_timer_id[id]);
  if (document.getElementById) display_timer_id[id] = setTimeout('document.getElementById("' + id + '").style.display = "' + wartosc + '"', 1);
  else if (document.all) display_timer_id[id] = setTimeout('document.all["' + id + '"].style.display = "' + wartosc + '"', 1);
}
//-->
</SCRIPT>
</head>
[HTML] pobierz, plaintext

w sekcji body

[HTML] pobierz, plaintext 
<a href="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">
<B>MENU nr0</B></a>
<DIV ID="nr0">
<A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_0</A><BR>
<A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_1</A><BR>
<A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_2</A><BR>
<A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_3</A><BR>
<A HREF="" onmouseover="display('nr0','block')" onmouseout="display('nr0','none')">Pozycja nr0_4</A>
</DIV>
<script TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
display('nr0','none');
//-->
</SCRIPT>
<BR>
[HTML] pobierz, plaintext

b4rtus

7.08.2006, 20:16:43

Tu masz gotowe rozwiązanie:

http://www.csscreator.com/menu/multimenu.php

Lombi

7.08.2006, 20:30:29

=kokos= nie do końca ale podsunołeś mi dobry pomysl i juz działa tak jak chciałem

b4rtus bardzo ciekawe rozwiazanie

!

Dziekuje panowie

!

Pisze dla wszystkich ktorzy nie chcą 500 linijek kodu na stronie skoro działa w 15

[HTML] pobierz, plaintext 
<html>
<head>
<script language="JavaScript">
function pokaz() 
{
document.all.podmenu.style.visibility="visible";
}
function ukryj() 
{
document.all.podmenu.style.visibility="hidden";
}
</script>
<style type="text/css">
#podmenu {
width: 70px;
position: absolute; }
</style>
</head>
<body>
 
<a href="#" onMouseOver="pokaz()" onMouseOut="ukryj()">Menu</a>
<div id="podmenu" style="visibility:hidden" onMouseOver="pokaz()" onMouseOut="ukryj()">
	<a href="#">Podmenu 1</a></br>
	<a href="#">Podmenu 2</a></br>
 
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

Częstujcie się!

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.