Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] menu które znika
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
matipohl
3.01.2004, 18:02:21
Witajcie!
Mam pewien problem. Umieściłem na stronie górne menu w JS. Wszystko byłoby dobrze gdyby nie jeden problem. Menu znika po najechaniu na link do strony. Zostaje po nim tylko tło. Co zrobić w tej syuacji.
Pliki menu zostały skonfigurowane.

Jakby ktoś umiał pomóc to kody umieszcze w oddzielnym newsie bo tu zajmowały strasznie dużo miejsca.
Jabol
3.01.2004, 18:28:35
Rozumiem wiele, ale podawać własny topic do moderacji?
Odznaczam go, bo właściwie oprócz braku znacznika [ xmll ] zamiast [ code ] nie wiedze błędów.
matipohl
5.01.2004, 18:27:38
Nikt nic niewie. Naprawdę proszę o pomoc.
Za wszelkie odpowiedzi Thx :idea:
tiraeth
5.01.2004, 18:57:28
Mogę spojrzeć na kod ? MoŻe coś wykombinuje...
matipohl
5.01.2004, 19:09:51
To jest kod strony (index.php)
[xml:1:dc401daef1]<html>

<head>

<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-2">
<title>Szkoła Podstawowa nr 10</title>
<STYLE type="text/css">
BODY {
scrollbar-face-color: #DFD8C4;
scrollbar-highlight-color: #F0EDE3;
scrollbar-3dlight-color: #E6E0D0;
scrollbar-darkshadow-color: #CFC6A7;
scrollbar-shadow-color: #D0C7A8;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #F1EEE4;
}
</STYLE>
</head>

<body bgcolor="#DFD8C4" link="#FFFFFF" vlink="#FFFFFF"
alink="#FFFFFF">

<p><style>all.clsMenuItemNS,.clsMenuItemIE{text-decoration:none;font:bold
12px Arial;color:white;cursor:hand;z-index:100}#MainTable A:hover{color:#DFD8C4;}</style>
<script language="JavaScript">
// script by Constantin Kuznetsov Jr. - script@esolutiononline.com

var keepstatic=0 //specify whether menu should stay static 0=non static (works only in IE4+)
var menucolor="#E3DCCC" //specify menu color
var submenuwidth=150 //specify sub menus' color
</script> </p>
<div align="center"><center>

<table border="1" bgcolor="#FFFFFF" bordercolor="#9A8D63">
<tr>
<td align="center" bgcolor="#FFFFFF"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"><table
border="0">
<tr>
<td><img src="logo.jpg" width="600" height="146"></td>
</tr>
<tr>
<td><script language="JavaScript" src="menus.js"></script>
<script language="JavaScript"
src="menucontext.js"></script> <script
language="JavaScript">
showToolbar();
</script> <script
language="JavaScript">
function UpdateIt(){
if (ie&&keepstatic&&!opr6)
document.all["MainTable"].style.top = document.body.scrollTop;
setTimeout("UpdateIt()", 200);
}
UpdateIt();
</script> </td>
</tr>
<tr>
<td bgcolor="#E3DCCC">&nbsp;</td>
</tr>
<tr>
<td><p align="center"><font color="#804000"
size="2" face="Arial"><strong>© Mateusz Pohl.
Wszelkie prawa zastrzeżone.</strong></font></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center></div>
</body>
</html>
[/xml:1:dc401daef1]

A to pliki .js


menucontext.js:

Kod
// Zamiast # wpisz nazwy plikow (stron) HTTP;//



function showToolbar()

{

// AddItem(id, text, hint, location, alternativeLocation);

// AddSubItem(idParent, text, hint, location, linktarget);



    menu = new Menu();

    menu.addItem("webmasterid", "Szkoła", "Szkoła",  null, null);

    menu.addItem("newsid", "Dla rodziców", "Dla rodziców",  null, null);

    menu.addItem("freedownloadid", "Pracownicy", "Pracownicy",  null, null);

    menu.addItem("searchengineid", "Uczniowie", "Uczniowie",  null, null);

    menu.addItem("miscid", "Różne", "Różne",  null, null);



    menu.addSubItem("webmasterid", "Historia Szkoły", "Historia Szkoły",  "strona.php", "");

    menu.addSubItem("webmasterid", "Dyrekcja", "Dyrekcja",  "strona.php", "");

    menu.addSubItem("webmasterid", "Kontakt z nami", "Kontakt z nami",  "kontakt.php", "");

    menu.addSubItem("webmasterid", "Fotografie", "Fotografie",  "strona.php", "");

    menu.addSubItem("webmasterid", "Dokumenty", "Dokumenty",  "strona.php", "");

    menu.addSubItem("webmasterid", "Patron", "Patron",  "strona.php", "");

    menu.addSubItem("webmasterid", "Kalendarz imprez", "Kalendarz imprez",  "strona.php", "");

    menu.addSubItem("webmasterid", "Zajęcia pozalekcyjne", "Zajęcia pozalekcyjne",  "strona.php", "");

    menu.addSubItem("webmasterid", "Osiągnięcia", "Osiągnięcia",  "strona.php", "");



    menu.addSubItem("newsid", "Rada rodziców", "Rada rodziców",  "strona.php", "");

    menu.addSubItem("newsid", "Plany lekcji", "Plany lekcji",  "strona.php", "");

    menu.addSubItem("newsid", "Kalendarz r. szkolnego", "Kalendarz r. szkolnego",  "strona.php", "");

    menu.addSubItem("newsid", "Dyżury nauczycieli", "Dyżury nauczycieli",  "strona.php", "");

    

    menu.addSubItem("freedownloadid", "Nauczanie zintegrowane", "Nauczanie zintegrowane",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Język polski", "Język polski",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Język angielski", "Język angielski",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Matematyka", "Matematyka",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Historia", "Historia",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Przyroda", "Przyroda",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Informatyka", "Informatyka",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Technika", "Technika",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Wychowanie fizyczne", "Wychowanie fizyczne",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Religia", "Religia",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Biblioteka", "Biblioteka",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Świetlica", "Świetlica",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Pedagog", "Pedagog",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Administracja", "Administracja",  "strona.php", "");

    menu.addSubItem("freedownloadid", "Obsługa", "Obsługa",  "strona.php", "");



    menu.addSubItem("searchengineid", "Najlepsi", "Najlepsi",  "strona.php", "");

    menu.addSubItem("searchengineid", "Samorząd uczniowski", "Samorząd uczniowski",  "strona.php", "");

    menu.addSubItem("searchengineid", "Humor szkolny", "Humor szkolny", "strona.php", "");

    

    menu.addSubItem("miscid", "Linki", "Linki",  "strona.php", "");

    menu.addSubItem("miscid", "Zduńska Wola", "Zduńska Wola",  "strona.php", "");

    

    menu.showMenu();

}


plik menus.js:

Kod
if (document.all)    {n=0;ie=1;ns6=0;fShow="visible";fHide="hidden";}

if (document.getElementById&&!document.all)    {n=0;ie=0;ns6=1;fShow="visible";fHide="hidden";}

if (document.layers) {n=1;ie=0;ns6=0;fShow="show";fHide="hide";}



//Top Nav bar script v2.1- http://www.dynamicdrive.com/dynamicindex1/sm/index.htm



opr6=ie&&navigator.userAgent.indexOf("Opera")!=-1



window.onerror=new Function("return true")

////////////////////////////////////////////////////////////////////////////

// Function Menu()                                                        //

////////////////////////////////////////////////////////////////////////////

rightX = 0;

function Menu()

{

    this.bgColor     = menucolor;

    if (ie) this.menuFont = "bold 12px Arial";

    if (n)  this.menuFont = "bold 12px Verdana";

    this.fontColor   = "white";



    this.addItem    = addItem;

    this.addSubItem = addSubItem;

    this.showMenu   = showMenu;

    this.mainPaneBorder = 0;

    this.subMenuPaneBorder = 0;



    this.subMenuPaneWidth = submenuwidth;



    lastMenu = null;

    

    rightY = 0;

    leftY = 0;

    leftX = 0;



    HTMLstr = "";

    HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->n";

    HTMLstr += "n";

    if (ie||ns6) HTMLstr += "<div id='MainTable' style='position:relative;top:0'>n";

//    if (n)  HTMLstr += "<layer name='MainTable'>n";

    HTMLstr += "<table width='100%' bgcolor='"+this.bgColor+"' border='"+this.mainPaneBorder+"'>n";

    HTMLstr += "<tr>";

    if (n) HTMLstr += "<td>&nbsp;";

    HTMLstr += "<!-- MAIN MENU STARTS -->n";

    HTMLstr += "<!-- MAIN_MENU -->n";

    HTMLstr += "<!-- MAIN MENU ENDS -->n";

    if (n) HTMLstr += "</td>";

    HTMLstr += "</tr>n";

    HTMLstr += "</table>n";

    HTMLstr += "n";

    HTMLstr += "<!-- SUB MENU STARTS -->n";

    HTMLstr += "<!-- SUB_MENU -->n";

    HTMLstr += "<!-- SUB MENU ENDS -->n";

    HTMLstr += "n";

    if (ie||ns6) HTMLstr+= "</div>n";

//    if (n)  HTMLstr+= "</layer>n";

    HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->n";

}



function addItem(idItem, text, hint, location, altLocation)

{

    var Lookup = "<!-- ITEM "+idItem+" -->";

    if (HTMLstr.indexOf(Lookup) != -1)

    {

  alert(idParent + " already exist");

  return;

    }

    var MENUitem = "";

    MENUitem += "n<!-- ITEM "+idItem+" -->n";

    if (n)

    {

  MENUitem += "<ilayer name="+idItem+">";

  MENUitem += "<a href='.' class=clsMenuItemNS onmouseover="displaySubMenu('"+idItem+"')" onclick="return false;">";

  MENUitem += "|&nbsp;";

  MENUitem += text;

  MENUitem += "</a>";

  MENUitem += "</ilayer>";

    }

    if (ie||ns6)

    {

  MENUitem += "<td>n";

  MENUitem += "<div id='"+idItem+"' style='position:relative; font: "+this.menuFont+";'>n";

  MENUitem += "<a ";

  MENUitem += "class=clsMenuItemIE ";

//  MENUitem += "style='text-decoration: none; font: "+this.menuFont+"; color: "+this.fontColor+"; cursor: hand;' ";

  if (hint != null)

     MENUitem += "title='"+hint+"' ";

  if (location != null)

  {

     MENUitem += "href='"+location+"' ";

     MENUitem += "onmouseover="hideAll()" ";

  }

  else

  {

     if (altLocation != null)

    MENUitem += "href='"+altLocation+"' ";

     else

    MENUitem += "href='.' ";

     MENUitem += "onmouseover="displaySubMenu('"+idItem+"')" ";

     MENUitem += "onclick="return false;" "

  }

  MENUitem += ">";

  MENUitem += "|&nbsp;n";

  MENUitem += text;

  MENUitem += "</a>n";

  MENUitem += "</div>n";

  MENUitem += "</td>n";

    }

    MENUitem += "<!-- END OF ITEM "+idItem+" -->nn";

    MENUitem += "<!-- MAIN_MENU -->n";



    HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->n", MENUitem);

}



function addSubItem(idParent, text, hint, location, linktarget)

{

    var MENUitem = "";

    Lookup = "<!-- ITEM "+idParent+" -->";

    if (HTMLstr.indexOf(Lookup) == -1)

    {

  alert(idParent + " not found");

  return;

    }

    Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";

    if (HTMLstr.indexOf(Lookup) == -1)

    {

  if (n)

  {

     MENUitem += "n";

     MENUitem += "<layer id='"+idParent+"submenu' visibility=hide bgcolor='"+this.bgColor+"'>n";

     MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">n";

     MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->n";

     MENUitem += "</table>n";

     MENUitem += "</layer>n";

     MENUitem += "n";

  }

  if (ie||ns6)

  {

     MENUitem += "n";

     MENUitem += "<div id='"+idParent+"submenu' onmouseout=operahide() style='position:absolute; visibility: hidden; z-index:100; width: "+this.subMenuPaneWidth+"; font: "+this.menuFont+"; top: -300;'>n";

     MENUitem += "<table border='"+this.subMenuPaneBorder+"' bgcolor='"+this.bgColor+"' width="+this.subMenuPaneWidth+">n";

     MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->n";

     MENUitem += "</table>n";

     MENUitem += "</div>n";

     MENUitem += "n";

  }

  MENUitem += "<!-- SUB_MENU -->n";

  HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->n", MENUitem);

    }



    Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->n";

    if (n)  MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a><br></td></tr>n";

    if (ie||ns6) MENUitem = "<tr><td><a class=clsMenuItemIE title='"+hint+"' href='"+location+"' target='"+linktarget+"'>"+text+"</a><br></td></tr>n";

    MENUitem += Lookup;

    HTMLstr = HTMLstr.replace(Lookup, MENUitem);



}



function showMenu()

{

    document.writeln(HTMLstr);

}



////////////////////////////////////////////////////////////////////////////

// Private declaration

function displaySubMenu(idMainMenu)

{

    var menu;

    var submenu;

    if (n)

    {

  submenu = document.layers[idMainMenu+"submenu"];

  if (lastMenu != null && lastMenu != submenu) hideAll();

  submenu.left = document.layers[idMainMenu].pageX;

  submenu.top  = document.layers[idMainMenu].pageY + 25;

  submenu.visibility = fShow;



  leftX  = document.layers[idMainMenu+"submenu"].left;

  rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;

  leftY  = document.layers[idMainMenu+"submenu"].top+

     document.layers[idMainMenu+"submenu"].clip.height;

  rightY = leftY;

    } else if (ie||ns6) {

//alert(document.getElementById(idMainMenu+"submenu").id)

  menu = ie? eval(idMainMenu) : document.getElementById(idMainMenu);

  submenu = ie? eval(idMainMenu+"submenu.style") : document.getElementById(idMainMenu+"submenu").style;

  submenu.left = calculateSumOffset(menu, 'offsetLeft');

//  submenu.top  = calculateSumOffset(menu, 'offsetTop') + 30;

  submenu.top  = menu.style.top+23;

  submenu.visibility = fShow;

  if (lastMenu != null && lastMenu != submenu) hideAll();



  leftX  = ie? document.all[idMainMenu+"submenu"].style.posLeft : parseInt(document.getElementById(idMainMenu+"submenu").style.left);

  rightX = ie? leftX + document.all[idMainMenu+"submenu"].offsetWidth : leftX+parseInt(document.getElementById(idMainMenu+"submenu").offsetWidth);



  leftY  = ie? document.all[idMainMenu+"submenu"].style.posTop+

     document.all[idMainMenu+"submenu"].offsetHeight : parseInt(document.getElementById(idMainMenu+"submenu").style.top)+parseInt(document.getElementById(idMainMenu+"submenu").offsetHeight);

  rightY = leftY;

    }

    lastMenu = submenu;

}



function hideAll()

{

    if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}

}



function calculateSumOffset(idItem, offsetName)

{

    var totalOffset = 0;

    var item = eval('idItem');

    do

    {

  totalOffset += eval('item.'+offsetName);

  item = eval('item.offsetParent');

    } while (item != null);

    return totalOffset;

}



function updateIt(e)

{

    if (ie&&!opr6)

    {

  var x = window.event.clientX;

  var y = window.event.clientY;



  if (x > rightX || x < leftX) hideAll();

  else if (y > rightY) hideAll();

    }

    if (n||ns6)

    {

  var x = e.pageX;

  var y = e.pageY;



  if (x > rightX || x < leftX) hideAll();

  else if (y > rightY) hideAll();

    }

}



function operahide(){

        if (opr6){

        if (!MainTable.contains(event.toElement))

        hideAll()

}

}



if (ie||ns6)

{

    document.body.onclick=hideAll;

    document.body.onscroll=hideAll;

    document.body.onmousemove=updateIt;

}

if (document.layers)

{

    window.captureEvents(Event.MOUSEMOVE);

    window.captureEvents(Event.CLICK);

    window.onmousemove=updateIt;

    window.onclick=hideAll;

}


Za samą chęć pomocyjestem wdzięczny thx.
matipohl
5.01.2004, 19:13:07
nazwy strona.php będą zastąpione linkami do stron, tak jak w przypadku kontakt.php
biggrin.gif

Dzięki
tiraeth
5.01.2004, 19:30:07
Kod
window.onclick=hideAll


Nie wiem dokładnie ale może to powoduje błąd.

Musisz sprawdzić dokładnie plik menus.js tam zapewne tkwi błąd smile.gif
matipohl
5.01.2004, 19:36:23
Dzięki nie zauważyłem tego.
Poszukam i poprawię i zobaczę.
matipohl
5.01.2004, 19:44:43
Nie wiem ale pozmieniałem hide na show ale tylko podmenu zostaje a cały pasek z menu znika.
Co to może być cały plik sprawdziłem.
tiraeth
5.01.2004, 19:51:21
Sprawdź także:

Kod
   document.body.onclick=hideAll;

   document.body.onscroll=hideAll;


Testuj metodą prób i błędów.

EDIT:

PRZESTAŃ MI DAWAĆ TE POMÓGŁ angrysmiley.gif angrysmiley.gif
matipohl
5.01.2004, 20:03:42
Przepraszam :oops: moze za duzo zmienilem
kubatron
6.01.2004, 14:55:06
http://javascript.wdm.pl/nawigacjaimenu.php
matipohl
6.01.2004, 19:11:34
Właśne z tamtąd ściągnąłem to menu. To jest menu górne 2.
kubatron
6.01.2004, 19:50:01
I co ci w tym menu niedziała bo ja wszsytkie testowałem i działają :wink:
matipohl
6.01.2004, 19:54:20
No to tak po zmianach które mi podpowiedziliście działa lepiej ale i tak źle:

:arrow: Wybieram dział dajmy na to Szkoła najeżdżam i wyświetla mi się lista stron ale menu niknie pozostawiając samą stronę.

Dwa razy od nowa wstawiałem i nie działa.

EDIT:
Już działa wszystko pozmieniałem i działa dzieki za pomoc.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.