hier mal der ganze code... um das besser zu beschreiben..wenn man den 1. link anklickt, öffnet sich dieser. wenn man nun über die geöffneten links drüber fährt verändern die die farbe... das möchte ich nich. vieleicht kann mir jemand noch ein tipp geben, bin nämlich anfänger....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
body { font: 12px tahoma }
//-->
</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:verdana;
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
{ color: black; text-decoration: none; cursor: hand }
.item
{
background-color: visibility: hidden;
width: 148px;
font-size: 12px;
font-family: verdana;
}
</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 = 0;
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.backgroundColor = over_bgc;
document.getElementById(obj).style.color = over_tc;
}
function uncolor(obj)
{
document.getElementById(obj).style.backgroundColor = 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[2] == 1)
{open_item += self_menu[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[3] == nr) pull_down(i,nr)
i==self_menu.length;
}
}
}
</script>
</head>
<body background="tino%b4s%20homepage/hintergrund1.jpg">
<div align="center">
<table width=150>
<tr>
<td>
<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|JavaScripte";
Link[1] = "1|Javarea.de|http://www.javarea.de|";
Link[2] = "1|Javarea.de|http://www.javarea.de|";
Link[3] = "1|Javarea.de|http://www.javarea.de|";
Link[4] = "1|Javarea.de|http://www.javarea.de|";
Link[5] = "0|Html Hilfe";
Link[6] = "1|selfhtml|http://.|";
Link[7] = "1|lerne html|http://.|"
Link[8] = "0|Sonst";
Link[9] = "1|Gästebuch|http://.|";
Link[10] = "1|Kontakt|http://.p|";
Link[11] = "0|noch mehr";
Link[12] = "1|bla bla";
startup(4);
</script>
</td>
</tr>
</table>
</div>
</body>
</html>
Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.
