menü mit 3. ebene

- WebmasterWork »
- Grafik & Programmierung »
- (X)HTML & CSS & DHTML & Javascript »
- menü mit 3. ebene »

vossi

Grünschnabel

Dabei seit: 15.08.2004

Beiträge: 1

Sonntag, 15. August 2004, 15:13

hallo,
ich habe ein script wo ich auf die menüpunkte klicken muß damit das untermenü ausfährt...mein problem ist, dass ich möchte das sich das untermenü nocheinmal ausfahren lässt...
bin leider anfänger und hab nich so die erfahrung. vieleicht kann mir ja jemand weiterhelfen.

hier mal das script:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

<title></title>
<style type="text/css">
<!--
body { font: 12px arial }
a:hover { color: yellow; text-decoration: underline }
</style>
<script language="JavaScript">
function goToURL() { history.go(-1); }
</script>
<style>
.menu
{
background-color: visibility: hidden;
border:1px visibility: hidden;
width:150px;
font-size:13px;
font-family:arial;
position: absolute;
font:bold;
color: #000000;
cursor: hand;
}
.item_panel
{
width:150px;
border-left:1px visibility: hidden;
border-right:1px visibility: hidden;
clip:rect(0,150,0,0);
position:absolute;
}
.item_panel a
{
text-decoration:none;
color:black;
cursor:hand;
}
.item
{
background-color: visibility: hidden;
width: 148px;
font-size: 12px;
font-family: arial;

}
</style>

<script language="JavaScript">
var height = 30; // Hoehe der Menuekoepfe
var iheight = 15; // Hoehe der Menueelemente
var bgc = "C50000" // background color of the item
var tc = "#000000" // text color of the item
var over_bgc = "#ffffff";
var over_tc = "#000000";
var speed = 0;
var timerID = "";
var N = (document.all) ? 0 : 1;
var width = 152;
var self_menu = new Array();
function write_menu()
{
smc = 0; // count the position of the self_menu
document.write("<div style='position:absolute'>");
mn = 0;
mni = 1;
start = -1;
for(i=0;i<Link.length;i++)
{
la = Link.split("|");
if (la[0] == "0")
{
if(start == 0)
{
document.write("</div>");
h = csmc * iheight;
tmn = mn; //-h
self_menu[smc] = new Array(tmn,h,0,-2);
smc++;
mn--;
}
csmc = 1;
document.write("<div class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onclick='pull_down("+smc+","+mni+")'> "+ la[1] + "</div>");
self_menu[smc] = new Array(mn,height,0,mni);
smc++;
mni++;
mn+=height;
start = 1;
}
else
{
if(start == 1)
{
if(N)mn+=2;
document.write("<div class='item_panel' id='down"+smc+"' style='top:"+mn+"'>");
start = 0;
}

document.write("<a href='"+la[2]+"'");
if (la[3] != "") document.write(" target='" + la[3] + "' ");
document.write("><div class='item' id='d"+i+"' style='height:"+iheight);
if (N) document.write(";width:150");
document.write("' onmouseover='color(this.id)' onmouseout='uncolor(this.id)'> "+ la[1] + "</div></a>");
csmc++;
}
}
if (start == 0)
{
document.write("</div>");
h = csmc * iheight;
tmn = mn + 5; //-h
self_menu[smc] = new Array(tmn,h,0);
name = "down" + (self_menu.length-1);
obj = document.getElementById(name);
obj.style.borderBottomColor = "darkblue";
obj.style.borderBottomWidth = 0;
obj.style.borderBottomStyle = "solid";
}
document.write("</div>");}
function color(obj)
{
document.getElementById(obj).style.transparent = over_bgc;
document.getElementById(obj).style.color = over_tc;
}

function uncolor(obj)
{
document.getElementById(obj).style.transparent = bgc;
document.getElementById(obj).style.color = tc;
}

function pull_down(nr,c)
{
if (timerID == "")
{
to = self_menu[nr+1][1]
begin = nr + 2;
if (timerID != "") clearTimeout(timerID);
if (self_menu[nr+1][2] == 0)
{
self_menu[nr+1][2] = 1;
if(nr == self_menu.length-2) {to++;}
epull_down(begin,to,0);
}
else
{
to = 0;
self_menu[nr+1][2] = 0;
name = "down"+(nr+2);
open_item = 0;
for(i=0;i<nr;i++)
{
if(self_menu[i][2] == 1)
{open_item += self_menu[i][1];
}
}
if (N == false) {open_item-= (c*1)};
if (nr== self_menu.length-2) {val = self_menu[self_menu.length-1][1];to=-1;}
else val = parseInt(document.getElementById(name).style.top) -(open_item)-(c*height);
epull_up(begin,to,val);
}
}
}

function epull_down(nr,to,nowv)
{
name = "down" + (nr-1);
obj = document.getElementById(name).style.clip = "rect(0,"+width+","+(nowv+1)+",0)";
for (i=nr;i<self_menu.length;i++)
{
name = "down" + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top)+1;
}
nowv++;
if(nowv < to) timerID = setTimeout("epull_down("+nr+","+to+","+nowv+")",speed);
else timerID = "";
}

function epull_up(nr,to,nowv)
{
name = "down" + (nr-1);
obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)";
for (i=nr;i<self_menu.length;i++)
{
name = "down" + i;
obj = document.getElementById(name);
obj.style.top = parseInt(obj.style.top)-1;
}
nowv--;
if(nowv > to) timerID = setTimeout("epull_up("+nr+","+to+","+nowv+")",speed);
else timerID = "";
}

function startup(nr)
{
write_menu();
if (nr != 0)
{
for(i=0;i<self_menu.length;i++)
{
if(self_menu[i][3] == nr) pull_down(i,nr)
i==self_menu.length;
}
}
}
</script>
</head>
<body background="hintergrund1.jpg">
<div align="left">
<table width=150 cellspacing="12">
<tr>
<td>
<div align="left">
<script language="JavaScript">
//Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"
var Link = new Array();
Link[0] = "0|Verein";
Link[1] = "1|Postanschrift|Verein/Postanschrift/Postanschrift.html|hauptseite|";
Link[2] = "1|Geschichte|Verein/Geschichte/geschichte.html|hauptseite|";
Link[3] = "1|Trainingshalle|http://www.javarea.de|";
Link[4] = "1|Heimhalle|Verein/Heimhalle/heimhalle_Übersicht.html|hauptseite|";
Link[5] = "1|Info|Verein/Info/info.html|hauptseite|";
Link[6] = "0|News|http://.|";
Link[7] = "1|Aktuelles|http://.|"
Link[8] = "1|Aktueller Spieltag";
Link[9] = "1|nächster Spieltag|http://.|";
Link[10] = "0|Mannschaften|http://.p|";
Link[11] = "1|1. Männer";
Link[12] = "2|2. Männer";
Link[13] = "1|Frauen";
Link[14] = "1|männl. A-Jugend";
Link[15] = "1|männl. B-Jugend";
Link[16] = "1|männl. C-Jugend";
Link[17] = "1|weibl. A-Jugend";
Link[18] = "1|Minis";
Link[19] = "0|Archiv";
Link[20] = "1|Saison 2001/02";
Link[21] = "1|Saison 2002/03";
Link[22] = "1|Saison 2003/04";
Link[23] = "0|Sponsoren";
Link[24] = "0|Gästebuch";
Link[25] = "0|Service";
Link[26] = "1|Impressum / AGB´S|Service/impressum_agb/impressum.html|hauptseite";
Link[27] = "1|Kontakt";
Link[28] = "0|Links";
Link[29] = "1|Vereine in Leipzig|Links/Vereine_in_Leipzig.html|hauptseite";
Link[30] = "1|Handballverbände|Links/Verbände.html|hauptseite";
Link[31] = "1|internationale Verbände|Links/internationale_verbände.html|hauptseite";
Link[32] = "1|Schiedsrichter|Links/schiedsrichter.html|hauptseite";
Link[33] = "1|Infoseiten|Links/handball_info.html|hauptseite";
startup(0);
</script>
</div>
</td>
</tr>
</table>
</div>
</body>

</html>

Knuddelkater

Haudegen

Dabei seit: 29.02.2004

Beiträge: 544

Montag, 16. August 2004, 21:05

bei dem code verträgt sich das gästebuch mit den sponsor nicht

kann dir leider nicht weiterhelfen, da ich net viel in javas kann

“Mögen eure Klingen scharf bleiben!”

Keinesfalls hier klicken!