|
|
|
phpBB2 by Przemo
Support forów phpBB2 modified by Przemo
|
|
|
Zamknięty przez: lui754
29-04-2009, 18:08 |
[JS]Rozwijane Menu |
| Autor |
Wiadomość |
Dj Haker
Pomógł: 13 razy
Posty: 65
|
 Wysłany: 28-04-2009, 17:06 [JS]Rozwijane Menu
|
|
|
Witam. Mam taki problem. Znalazłem w sieci skrypt rozwijanego menu. W pionie działa dobrze, ale w poziomie są problemy. Przedstawiam rysunek:
http://odsiebie.com/pokaz/2475915---748c.html .
Problem polega na tym, że jeśli najadę na jeden z nagłówków to inne się obniżają. Próbowałem różnych kombinacji jednak bez skutku... Proszę o pomoc.
Dołączam też pliki java i html:
http://odsiebie.com/pokaz/2475934---08f4.html |
|
 |
|
 |
Gadatliwa Kasia 
|
|
|
|
|
MagicalFire
Pomógł: 980 razy
Posty: 4353
|
|
 |
|
|
Dj Haker
Pomógł: 13 razy
Posty: 65
|
| Wysłany: 28-04-2009, 20:17
|
|
|
| Menu w linku, który mi podałeś działa nie co inaczej. Jest to menu pojedyncze, same nagłówki które po najechaniu myszką przesuwają się lub zmieniają kolor. Moje menu jest takie jak na naszej klasie. Jak najedziesz na skrzynka to rozwija Ci się podlista. Takie menu znalazłem w sieci i wpisałem do htmla ale jak pobierzesz pliki i spojrzysz na grafike to bedziesz wiedział w czym problem. Poprostu inne kategorie przesuwają się kiedy ta na którą na jadę jest rozwinięta.... Nie wiem co zrobić. |
|
|
|
|
|
wolfiq
Pomógł: 56 razy
Posty: 176
|
| Wysłany: 28-04-2009, 20:32
|
|
|
Dj Haker, może pokombinujesz z tym kodem
| Kod: | <!DOCTYPE html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Rozwijane menu</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
<META name="language" content="pl">
<STYLE type="text/css"><!--
A { text-decoration: none; color : #000000}
A:hover { text-decoration: none; color:red;}
/* definicja stylów na potrzeby menu */
TD.obwod {
background:#000000;
}
TD.menu {
font-family: Tahoma, Verdana, "Arial CE", Arial;
font-size:12px; text-align:center; font-weight: bold;
background:#DEDEDE;
}
TD.pmenu {
font-family: Tahoma, Verdana, "Arial CE", Arial;
font-size:12px; text-align:center; background:#F1F1F1;
}
#menu1, #menu2, #menu3, #menu4 {
POSITION:absolute;
TOP:38px; VISIBILITY:hidden;
}
--></STYLE>
<SCRIPT LANGUAGE="JavaScript1.2"><!--
// wartoci poczštkowe pozycji menu
iloscMenu = 4; // liczba pozycji menu głównego
rasterMenuX = 100; // przesunięcie X każdej pozycji menu gównego
pozMenu = 1; // poczatkowa pozycja menu głównego
// sprawdzenie wersji przegladarki
nn=(document.layers)? true : false;
ie=(document.all)? true : false;
function pozycjonuj() {
for(i=1; i < iloscMenu+1; i++) {
ident = "menu" + i;
if(nn) {
document.layers[ident].left = (i-1) * rasterMenuX + pozMenu;
} else if(ie) {
document.all[ident].style.left = (i-1) * rasterMenuX + pozMenu;
}
}
}
function inicjuj() {
// if(!nn && !ie) {return}
if(nn) {
document.captureEvents(Event.MouseClick);
}
document.onclick = mouseKlik;
}
// uruchomienie funkcji ukrywania warstw podmenu
function mouseKlik() {
ukryjWarstwy('menu1');
ukryjWarstwy('menu2');
ukryjWarstwy('menu3');
ukryjWarstwy('menu4');
}
// funkcja ukrywajaca warstwy w przypadku:
// 1. zaladowania lub odswiezenia strony
// 2. kliknięcia mysza w obrebie strony
function ukryjWarstwy(menuName) {
if (nn) {
document.layers[menuName].visibility = "hide";
} else {
document.all[menuName].style.visibility = "hidden";
}
}
function pokazMenu(nazwaMenu,on) {
ukryjWarstwy('menu1');
ukryjWarstwy('menu2');
ukryjWarstwy('menu3');
ukryjWarstwy('menu4');
if (on) {
if (nn) {
document.layers[nazwaMenu].visibility = "show";
} else {
document.all[nazwaMenu].style.visibility = "visible";
}
}
}
// -->
</SCRIPT>
</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" onLoad="inicjuj();">
<IMG src="clear.gif" width="400" height="10" alt="" border="0">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD class="obwod">
<TABLE border="0" cellpadding="0" cellspacing="1">
<TR>
<TD class="menu"><A href="#" onMouseOver="pokazMenu('menu1',true);">FIRMA</A></TD>
<TD class="menu"><A href="#" onMouseOver="pokazMenu('menu2',true);">OFERTA</A></TD>
<TD class="menu"><A href="#" onMouseOver="pokazMenu('menu3',false);">CENNIK</A></TD>
<TD class="menu"><A href="#" onMouseOver="pokazMenu('menu4',true);">KONTAKT</A></TD>
</TR>
<TR>
<TD><IMG src="clear.gif" width="98" height="1" alt="" border="0"></TD>
<TD><IMG src="clear.gif" width="98" height="1" alt="" border="0"></TD>
<TD><IMG src="clear.gif" width="98" height="1" alt="" border="0"></TD>
<TD><IMG src="clear.gif" width="98" height="1" alt="" border="0"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE> <!-- pirwsze menu -->
<DIV id="menu1">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD><IMG src="clear.gif" width="100" height="1" alt="" border="0"></TD>
</TR>
<TR>
<TD class="obwod" valign="TOP">
<TABLE border="0" cellpadding="2" cellspacing="1" width="100">
<TR>
<TD class="pmenu"><A href="#L">Lokalizacja</A></TD>
</TR>
<TR>
<TD class="pmenu"><A href="#K">Kierownictwo</A></TD>
</TR>
<TR>
<TD class="pmenu"><A href="#H">Historia</A></TD>
</TR>
</TABLE></TD>
</TR>
</TABLE>
</DIV>
<DIV id="menu2">
<TABLE border="0" cellpadding="0" cellspacing="0" width="100">
<TR>
<TD><IMG src="clear.gif" width="100" height="1" alt="" border="0"></TD>
</TR>
<TR>
<TD class="obwod" valign="TOP">
<TABLE border="0" cellpadding="2" cellspacing="1" width="100">
<TR>
<TD class="pmenu"><A href="#">Towar 1</A></TD>
</TR>
<TR>
<TD class="pmenu"><A href="#">Towar 2</A></TD>
</TR>
<TR>
<TD class="pmenu"><A href="#">Towar 3</A></TD>
</TR>
</TABLE></TD>
</TR>
</TABLE>
</DIV>
<DIV id="menu3">
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD><IMG src="clear.gif" width="100" height="1" alt="" border="0"></TD>
</TR>
<TR>
<TD class="obwod" valign="TOP">
<TABLE border="0" cellpadding="2" cellspacing="1" width="100">
<TR>
<TD class="pmenu"><A href="#">Detaliczny</A></TD>
</TR>
<TR>
<TD class="pmenu"><A href="#">Hurtowy</A></TD>
</TR>
<TR>
<TD class="pmenu"><A href="#">Dla Dealerów</A></TD>
</TR>
</TABLE></TD>
</TR>
</TABLE>
</DIV>
<DIV id="menu4">
<TABLE border="0" cellpadding="0" cellspacing="0" width="100">
<TR>
<TD><IMG src="clear.gif" width="100" height="1" alt="" border="0"></TD>
</TR>
<TR>
<TD class="obwod" valign="TOP">
<TABLE border="0" cellpadding=" " cellspacing="1" width="100">
<TR>
<TD class="pmenu"><A href="#">Dyrekcja</A></TD>
</TR>
<TR>
<TD class="pmenu"><A href="#">Dział Handlowy</A></TD>
</TR>
<TR>
<TD class="pmenu"><A href="#">Dział Produkcji</A></TD>
</TR>
</TABLE></TD>
</TR>
</TABLE>
</DIV><BR><BR><BR><BR><BR>
<DIV align="center"><A href="javascript:window.close()">Zamknij okno</A></DIV>
<SCRIPT LANGUAGE=JAVASCRIPT><!--
pozycjonuj()
//-->
</SCRIPT>
</BODY>
</HTML>
|
a co do Tego menu co załączyłeś w 1 poście, dodaj do znaczników <td> wyrównanie do góry, czyli:
|
_________________
pisz do mnie PW lub e-maila, jak Ci pozwolę, inaczej nie odpiszę |
|
|
|
|
|
Dj Haker
Pomógł: 13 razy
Posty: 65
|
| Wysłany: 29-04-2009, 15:35
|
|
|
Wielkie dzięki. To co napisałeś pomogło  ) Pomógł leci. Mam nadzieję, że będę mógł się odwdzięczyć. Temat do zamknięcia. |
|
|
|
|
|
|
|
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
|
Dodaj temat do Ulubionych
Wersja do druku
|
Kopiowanie wszelkich treści zawartych na forum, modyfikacji oraz instrukcji bez zgody administracji i autorów tematów/postów zabronione!
Powered by phpBB modified by Przemo © 2003 phpBB
| | Strona wygenerowana w 0,14 sekundy. Zapytań do SQL: 10 |
|
 |
|
FAQ - PIERWSZA POMOC!!
REGULAMIN
SZUKAJ
Użytkownicy
Grupy
Statystyki
Rejestracja
Zaloguj
Download
Katalog Forów
