Hilfe bei JS-Menu

messmar

messmar

Erfahrenes Mitglied
Hi,

ich habe ein js-menu angepasst und felht mir noch folgendes :

Der erste Link "Home" darf oder sollte keinen untelink haben, aber das lässt sich hier nicht einfach machen.

Das Script ist nicht kompleziert. Ich habe einiges geändert, aber das hier schaffe ich nicht.

kann jemand mir bitt helfen ?


Das ist das Script "menu.js":

Code: 
  var height = 15;  // height of the menu headers
  var iheight = 15; // height of the menu_items
  
  var bgc = "#FFFFFF"           // background color of the item
  var bgc_level_2 = "#DDDDDD"   // background color of the second level item
  var tc = "black" 				// text color of the item
  
  var over_bgc = "FFCC00";
  var over_tc = "#000000";
  
  var speed = 0;
  var timerID = "";
  var N = (document.all) ? 0 : 1;
  var width = 325
  


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[i].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("<a style='text-decoration:none;' href='"+la[2]+"'");
         if (la[3] != "") document.write(" target='" + la[3] + "' ");
         document.write("<div class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onmouseover='color(this.id),pull_down("+smc+","+mni+")' onmouseout='uncolor(this.id)'>&nbsp;"+ la[1] + "</div></a>");
         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:325");
         document.write("' onmouseover='color_second_level(this.id)' onmouseout='uncolor(this.id)'>&nbsp;&nbsp;"+ 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 = "white";
         obj.style.borderBottomWidth = 1;
         obj.style.borderBottomStyle = "solid";
     }
    document.write("</div>");
}
 

function color_second_level(obj) // function to color the bg second level navi
{
 	document.getElementById(obj).style.backgroundColor = bgc_level_2;
 	document.getElementById(obj).style.color = over_tc
}

function color(obj) // function to color the bg first level navi
{
 	document.getElementById(obj).style.backgroundColor = over_bgc;
 	document.getElementById(obj).style.color = over_tc
}


function uncolor(obj) // function to color the bg navi
{
 	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[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;
    	 }
    }
}
################################################################


und das ist die seite "navi.html":

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
     <head>
     	   <title></title>
           <style>
                .menu {
	margin-top: 104px;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	width: 325px;
	font-size:11px;
	font-family:verdana;
	font:bold;
	position:absolute;
	cursor:hand;
}

.item_panel {
   margin-top: 104px;
   width: 325px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	clip:rect(0,250,0,0);
	position:absolute;
}

.item_panel a {
	text-decoration:none;
   color:black;
   cursor:hand;
}

.item {
   background-color:#FFFFFF;
   width: 325px;
   font-size:10px;
   font-family:verdana;
}




          </style>
     </head>



     <body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">

          <script language="JavaScript">function goToURL() { history.go(-1); }</script>
          
          <script language="JavaScript" src="menu.js"></script>
          <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|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Test";
               	
				Link[1] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Home|http://www.web.de|content|";
				
                Link[2] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Home|content.htm|content|";
              
                Link[3] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; More Scripts|http://www.morocco.com|content|";
              
                Link[4] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Content_2|content_2.htm|content|";
              
                Link[5] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Traffic|http://www.thecounter.com|content|";
              
                Link[6] = "0|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Access|http://www.web.de|content|";
              
                Link[7] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Login|Login.asp|content|";
              
                Link[8] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Logout|Logout.asp|content|"
              
                Link[9] = "0|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Scripts|http://www.web.de|content|";
              
                Link[10] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Asp|http://www.haliluja.com|content|";
              
                Link[11] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; JavaScript|http://www.gmx.com|content|";
              
                Link[12] = "0|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Links|http://www.web.de|content|";
                
                Link[13] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; JavaScript sites|http://www.javascripts.com|blank";
                startup(1);
				//  End -->
				
          </script>
		 
		  <!-- Script Size:  2.13 KB -->
	</body>
</html>

Danke vielmals im Voraus,

Messmar
 
Ohne genau zu wissen, was du mit "untelink" meinst.... vielleicht hilft dir ja das weiter:
Code: 
Link[1] = "1|<img src='img/s.gif' width='25' height='1' border='0'>&raquo; Home|#|_self|";
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück