menu rozwijane . Bardzo pilna sprawa

0
<html>

<head>

<meta http-equiv="Content-Language" content="pl">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

<title>www.zig-zag.prv.pl</title>

</head>

<body>

<p align="center"><!--webbot bot="HTMLMarkup" startspan --><DIV CLASS="menbar1" ID="menbar1" 

STYLE="position:absolute;top:1;visibility:hide;" zIndex="1000" ALIGN="right">

<table bgcolor="#ffffff"><tr><td><A HREF="javascript:change(1)">Otwórz MENU</A></td></tr></table>

</DIV>

<DIV CLASS="menbar2" ID="menbar2" 

STYLE="position:absolute;top:1;visibility:hide;display:none;" zIndex="1001" ALIGN="right">

<table bgcolor="#c0c0c0"><tr><td bgcolor="#ffffff">

<a href="javascript:change(2)">Zamknij MENU</a><br>

</td></tr><tr><td>

<a href="#">Przykładowa pozycja 1</a><br>

<a href="#">Przykładowa pozycja 2</a><br>

<a href="#">Przykładowa pozycja 3</a><br>

<a href="#">Przykładowa pozycja 4</a><br>

</td></tr></table>

</DIV>

<script language="Javascript1.2"> 

<!--

// original content taken from Nic's JavaScript Page with permission

// lack of these three lines will result in copyright infringment

// made by: Nic's JavaScript Page - http://www.javascript-page.com

var JX = 0;

var JY = 0;

var wm;

if (document.layers){

wm = document.menbar1;

}

if (document.all) {

wm = document.all.menbar1;

}

function change(wow) {

  if (document.layers){

    if (wow == 1) {

      wm.visibility = "hide";

      wm = document.menbar2;

    }

    if (wow == 2) {

      wm.visibility = "hide";

      wm = document.menbar1;

    }

  }

  if (document.all){

    if (wow == 1) {

      wm.style.display = "none";

      wm = document.all.menbar2;

    }

    if (wow == 2) {

      wm.style.display = "none";

      wm = document.all.menbar1;

    }

  }

}

function menbar() {

 if (document.layers){

   JX = window.pageXOffset;

   JY = window.pageYOffset;

   wm.visibility = "hide";

   wm.top = JY;

   wm.left = JX;

   wm.visibility= "show";

 }

 if (document.all){

  if (navigator.appVersion.indexOf("Mac") == -1){

   wm.style.display = "none";

   JX = document.body.scrollLeft;

   JY = document.body.scrollTop;

   wm.style.top  = JY;

   wm.style.left = JX;

   wm.style.display = "";

  }

 }

}

setInterval("menbar()",100);

//-->

</script>

<!--webbot bot="HTMLMarkup" endspan -->

</p>

</body>

</html>

To jest mój kod na rozwijane menu. Mógłby mi ktoś go przerobić żeby były 3 rozwijane menu ? Ja już próbuje od paru dni i nic nie mogę zdziałać ... Bardzo proszę o pomoc !

0

Nie chce mi się przerabiać więc dam ci mój kod:

<script language="JavaScript" type="text/javascript">
<!--
function onClick(id){
	if (document.getElementById("menu").style.visibility == "hidden") {
		switch(id){
			case 1:
				document.getElementById("menu").style.left=8;
				break;
			case 2:
				document.getElementById("menu").style.left=111;
				break;
			case 3:
				document.getElementById("menu").style.left=214;
				break;
		}
		document.getElementById("menu").style.visibility="visible";
	} else {
		document.getElementById("menu").style.visibility="hidden";
	}
}

function onMouseOut(id){
	document.getElementById(id).style.backgroundColor="#8FBC8F";
}

function onMouseOver(id){
	document.getElementById(id).style.backgroundColor="#3CB371";
}

function onMouseOverMenu(id){
	if (document.getElementById("menu").style.visibility == "visible") {
		switch(id){
			case 1:
				document.getElementById("menu").style.left=8;
				break;
			case 2:
				document.getElementById("menu").style.left=111;
				break;
			case 3:
				document.getElementById("menu").style.left=214;
				break;
		}
	}
}
-->
</script>

<html>

<head>
    <meta http-equiv="Content-Typ!" content="text/html; charset=ISO-8859-2">
    <title>MENU</title>
</head>

<body>
	<table cellspacing=1 bgcolor="#778899">
		<tr>
			<td width=100 align="center" bgcolor="#8FBC8F" onclick="onClick(1)" onmouseover="onMouseOverMenu(1)">Menu1</td>
			<td width=100 align="center" bgcolor="#8FBC8F" onclick="onClick(2)" onmouseover="onMouseOverMenu(2)">Menu2</td>
			<td width=100 align="center" bgcolor="#8FBC8F" onclick="onClick(3)" onmouseover="onMouseOverMenu(3)">Menu3</td>
		</tr>
	</table>
	<table id="menu" cellspacing=1 bgcolor="#778899" style="position: absolute; visibility:hidden">
		<tr>
			<td width=100 id="select1" align="center" bgcolor="#8FBC8F" onmouseover="onMouseOver('select1')" onmouseout="onMouseOut('select1')">Select1</td>
		</tr>
		<tr>
			<td width=100 id="select2" align="center" bgcolor="#8FBC8F" onmouseover="onMouseOver('select2')" onmouseout="onMouseOut('select2')">Select2</td>
		</tr>
		<tr>
			<td width=100 id="select3" align="center" bgcolor="#8FBC8F" onmouseover="onMouseOver('select3')" onmouseout="onMouseOut('select3')">Select3</td>
		</tr>
		<tr>
			<td width=100 id="select4" align="center" bgcolor="#8FBC8F" onmouseover="onMouseOver('select4')" onmouseout="onMouseOut('select4')">Select4</td>
		</tr>
	</table>
</body>

</html>

Ps. JavaScript to nie to samo co java i ten temat powinieneś umieścić w kategorii webmastering :d

0

aa nie wiedziałem :P
Tylko gdzie w twoim skrypcie trzeba dodać te linki z rozwiniętego menu ?
Bardziej by mi zależało na tym moim scrypcie bo wiem, że działa i mi nic nie rozciąga na gotowej już stronie. Jak chcesz mogę ci przesłać index.php i zobaczysz który skrypt bardziej by pasował ?

Niestety kolego, twój skrypt rozdupca mi stronę.

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<meta />
<link rel="stylesheet" href="style.css" type="text/css" /><title>I LO Chodziez</title></head>
<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table cellpadding="0" cellspacing="0" width=750 align=center >
	<tr><td valign=top colspan="3">
		<table cellpadding="0" cellspacing="0" width=750>
			<tr><td rowspan=2 style="width:309;height:107"><img src="images/t1.jpg" /></td>
			<td style="width:441;height:29;"><img src="images/t2.jpg" border="0" /></td>
		  </tr>
			<tr><td style="width:441;height:78;background:url(images/t3.jpg)" valign=top>	<!-- miejsce na banner -->
		
				

		
		
		<!-- koniec --></td></tr>
		<!-- menu górne, w pliku menu-top.psd napisz swoje linki i zrób "mape odsyłaczy" -->
					<map name="menu-top">
	<area shape="rect" coords="369,-2,440,50" href="index.php"/>
	<area shape="rect" coords="448,3,592,38" href="http://lo.chodziez.net.pl/nieobecni/pokaz.php"/>
	<area shape="rect" coords="595,4,663,40" href="http://lo.chodziez.net.pl/galeria/index.php"/>
	<area shape="rect" coords="669,2,750,39" href="index.php?=kontakt"/>
</map>
		
			<tr><td colspan=2><img src="images/top_menu.jpg" usemap="#menu-top" border="0" width="750" height="46" alt="" /></td>
		  </tr>
			<tr><td colspan=2><img src="images/s1.jpg" /></td></tr>

		</table>
	</td></tr>
	<tr>
	<td valign=top style="width:152">
	
	 <!-- menu lewe -->
	 	<table cellpadding="0" cellspacing="0" width="152">
	 		<tr><td><img src="images/m_top_l.jpg" /></td></tr>
	 		<tr><td style="background:url(images/m_srodek_l.jpg)" class="l_menu">

	 		  <div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=news">Home</a></div>
	 		  <DIV CLASS="menbar1" ID="menbar1" 
STYLE="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196';visibility:hide;" >
	 		    <table bgcolor="#FDE196" width="114">
	 		      <tr>
	 		        <td><a href="javascript:change(1)"><font size="1">O szkole 
					[6]</font></a></td>
 		          </tr>
 		        </table>
 		      </DIV>
<DIV CLASS="menbar2" ID="menbar2" 
STYLE="padding-left:3px;width:125;top:1;visibility:hide;display:none;">
<table bgcolor="#FDE196"><tr><td bgcolor="#FDE196">
<a href="javascript:change(2)"><font size="1">O szkole [x]</font></a><br>
</td></tr><tr><td>

<font size="1"><a href="index.php?id=notulln">Wymiana z Notulln</a></font><font size="1"><br>
<a href="index.php?id=edj">EDJ w LO</a><br><a href="index.php?id=statut">Statut</a><br>
<a href="index.php?id=patron">Patron</a><br><a href="index.php?id=historia">Historia</a><br>
</font><a href="index.php?id=kadra"><font size="1">Kadra</font></a><br>
</td></tr></table>
</DIV>
 			  <div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="http://www.lo.chodziez.net.pl/galeria/index.php">Galeria</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=planlekcji">Plan Lekcji</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="#" onMouseover="showmenu(event,linkset[1])" onMouseout="delayhidemenu()">Uczniowie</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=harmonogram">Harmonogram Pracy</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=kiermasz">Kiermasz Książek</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="#" onMouseOver="showmenu(event,linkset[2])" onMouseOut="delayhidemenu()">Sport</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=biblioteka">Biblioteka</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=salka">Korzystanie z Sali</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=prackomp">Pracownie Komputerowe</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="http://www.forum.chodziez.net.pl/">Forum</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=ksiega">Księga Gości</a></div>
	 			<div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?=gazetka">Gazetka Szkolna</a></div>
 			  <div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=linki">Linki</a></div>
                <div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=download">Download</a></div>
                <div style="padding-left:3px;width:125" onMouseOver="this.style.background='#E0C379'" onMouseOut="this.style.background='#FDE196'"><a href="index.php?id=kontakt">Kontakt</a></div>
	 		
<script language="Javascript1.2"> 
<!--
// original content taken from Nic's JavaScript Page with permission
// lack of these three lines will result in copyright infringment
// made by: Nic's JavaScript Page - http://www.javascript-page.com

var JX = 0;
var JY = 0;
var wm;

if (document.layers){
wm = document.menbar1;
}

if (document.all) {
wm = document.all.menbar1;
}

function change(wow) {

  if (document.layers){
    if (wow == 1) {
      wm.visibility = "hide";
      wm = document.menbar2;
    }
    if (wow == 2) {
      wm.visibility = "hide";
      wm = document.menbar1;
    }
  }

  if (document.all){
    if (wow == 1) {
      wm.style.display = "none";
      wm = document.all.menbar2;
    }
    if (wow == 2) {
      wm.style.display = "none";
      wm = document.all.menbar1;
    }
  }
}

function menbar() {

 if (document.layers){
   JX = window.pageXOffset;
   JY = window.pageYOffset;
   wm.visibility = "hide";
   wm.top = JY;
   wm.left = JX;
   wm.visibility= "show";
 }

 if (document.all){
  if (navigator.appVersion.indexOf("Mac") == -1){
   wm.style.display = "none";
   JX = document.body.scrollLeft;
   JY = document.body.scrollTop;
   wm.style.top  = JY;
   wm.style.left = JX;
   wm.style.display = "";
  }
 }
}

setInterval("menbar()",100);

//-->
</script>

	 		</td></tr>
	 		<tr><td><img src="images/m_dol_l.jpg" /></td></tr>
	 	</table>
	
	<!-- --------- -->
	</td>
	<td valign=top style="width:446;height:100%">
	<!-- środek szablonu -->
		<table cellpadding="0" cellspacing="0" width=446 height=100%>
		<tr><td style="background:url(images/s2.jpg);height:31" ></td></tr>
		<tr><td style="background:url(images/tlo_s.jpg);height:100%;padding:0 10 0 10;" class="st_font" valign="top">

<?php
if(empty($_GET['id']) or $_GET['id']=="news"){
$number = "5";
include("cutenews/show_news.php"); 
}
if($_GET['id']=="edj"){
include("edj.html");
}
if($_GET['id']=="notulln"){
include("notulln.html");
}
if($_GET['id']=="statut"){
include("statut.html");
}
if($_GET['id']=="patron"){
include("patron.html");
}
if($_GET['id']=="historia"){
include("historia.html");
}
if($_GET['id']=="planlekcji"){
include("planlekcji.html");
}
if($_GET['id']=="harmonogram"){
include("harmonogram.html");
}
if($_GET['id']=="kiermasz"){
include("kiermasz.html");
}
if($_GET['id']=="pilka"){
include("pilka.html");
}
if($_GET['id']=="siatka"){
include("siatka.html");
}
if($_GET['id']=="rekordy"){
include("rekordy.html");
}
if($_GET['id']=="dziensportu"){
include("dziensportu.html");
}
if($_GET['id']=="wybabs"){
include("wyb.html");
}
if($_GET['id']=="laureaci"){
include("laureaci.html");
}
if($_GET['id']=="samorzad"){
include("samorzad.html");
}
if($_GET['id']=="uczniowie"){
include("uczniowie.html");
}
if($_GET['id']=="biblioteka"){
include("biblioteka.html");
}
if($_GET['id']=="salka"){
include("salka.html");
}
if($_GET['id']=="prackomp"){
include("prackomp.html");
}
if($_GET['id']=="kontakt"){
include("kontakt.html");
}
if($_GET['id']=="download"){
include("download.html");
}
if($_GET['id']=="linki"){
include("linki.html");
}
if($_GET['id']=="ksiega"){
include("ksiega.html");
}
if($_GET['id']=="gazetka"){
include("gazetka.html");
}
?>						
											
	
	
	
	
	
	
	
	
	
	
		</td></tr>
		</table>
	
	<!-- ---------------- -->
	
	</td>
	<td valign=top style="width:152">
	
	 <!-- menu prawe -->
	 	<table cellpadding="0" cellspacing="0" width="152">
	 		<tr><td><img src="images/m_top_r.jpg" /></td></tr>
	 		<tr><td style="background:url(images/m_tlo_r.jpg)" class="r_menu">
	 		<center>
	 		<img src="top10/1.gif" /><br  />
	 		<img src="top10/2.gif" /><br  />
	 		<img src="top10/3.gif" /><br  />
	 		<img src="top10/4.gif" /><br  />
	      znaczy się top 4 :D
	 		
	 		</center>
	 		</td></tr>
	 		<tr><td><img src="images/m_dol_r.jpg" /></td></tr>
	 	</table>
	
	<!-- --------- -->
	
	
	
	</td>
	</tr>
	<tr><td valign=top colspan="3">
	<table cellpadding="0" cellspacing="0" width=750>
	<tr>
    
		<td><img src="images/d1.jpg" /></td>
		<td><img src="images/d2.jpg" /></td>
		<td><img src="images/d3.jpg" /></td>
	</tr>
	</table>
	
	</td></tr>
</table>

<!-- SiteSearch Google -->
<form method="get" action="http://www.google.pl/custom" target="google_window">
<table width="412" border="0" align="center" bgcolor="#ffffff">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google" align="middle"></img></a>
</td>
<td nowrap="nowrap">
<input type="hidden" name="domains" value="www.lo.chodziez.net.pl;www.sciaga.pl;www.bryk.pl"></input>
<label for="sbi" style="display: none">Wprowadź wyszukiwane hasła</label>
<input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input>
<label for="sbb" style="display: none">Prześlij formularz wyszukiwania</label>
<input type="submit" name="sa" value="Wyszukaj" id="sbb"></input>
</td></tr>
<tr>
<td><div align="center"></div></td>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input type="radio" name="sitesearch" value="" checked id="ss0"></input>
<label for="ss0" title="Szukaj w Internecie"><font size="-1" color="black">Web</font></label></td>
<td>
<input type="radio" name="sitesearch" value="www.lo.chodziez.net.pl" id="ss1"></input>
<label for="ss1" title="Wyszukaj www.lo.chodziez.net.pl"><font size="-1" color="black">www.lo.chodziez.net.pl</font></label></td>
</tr>
<tr>
<td>
<input type="radio" name="sitesearch" value="www.sciaga.pl" id="ss2"></input>
<label for="ss2" title="Wyszukaj www.sciaga.pl"><font size="-1" color="black">www.sciaga.pl</font></label></td>
<td>
<input type="radio" name="sitesearch" value="www.bryk.pl" id="ss3"></input>
<label for="ss3" title="Wyszukaj www.bryk.pl"><font size="-1" color="black">www.bryk.pl</font></label></td>
</tr>
</table>
<input type="hidden" name="client" value="pub-1051146619848862"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-2"></input>
<input type="hidden" name="oe" value="ISO-8859-2"></input>
<input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input>
<input type="hidden" name="hl" value="pl"></input>
</td></tr></table>
</form>
<!-- SiteSearch Google -->
</body>
</html>

tak wygląda mój index.php . Mógłby mi ktoś zrobić takie rozwijane menu dla URL: sport i uczniowie ?
Bardzo proszę o pomoc !

0

napisałem temat w webmastering, proszę o usunięcie !

1 użytkowników online, w tym zalogowanych: 0, gości: 1