• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hab ne Frage zu Frames

Status
Für weitere Antworten geschlossen.
D

DeathRow

Neues Mitglied
Hi Leute! Das is bestimmt einfach, aber ich schaffs nit.
Ich hab ne hp mit nen paar frames. in einem möcht ich ein slide-down menu einfügen.
Das geht auch, aber ich weiß nicht wie ich die Position des Menues bestimme. Das ist nämlich viel zu weit unten angesetzt., wobei es als erstes in dem Frame steht.
Ich check das nit, könnte mir jemand dabei helfen bitte? :?:
 
ouch !!! lass mal die ganzen leerzeilen weg und zeig uns deinen code nochmal
da kennt sich ja kein mensch aus ;ugl
 
ok hier is er nochma, sorry wegen leerzeilen sind jetzt weg
guck dir ma bitte an

Code: 
<html>
<head>
<title></title>
<meta name="author" content="Dieter">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<table width="800" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" class="menutable">
<tr>
<td height="125" colspan="2">


</p>
<center>
<FORM method=GET action="http://www.google.de/search">
<TABLE bgcolor ="#000000"><tr><td>
<A HREF="http://www.google.de">
[img]http://www.google.de/logos/Logo_40wht.gif[/img]</A>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT TYPE=hidden name=hl value=de>
<INPUT type=submit name=btnG VALUE="Google Search">
</td></tr></TABLE>
</FORM>
</center>
</td>
</tr>
<tr bgcolor="#000000">
<td colspan="2"><center>News | Ãœber mich | Links | usw.
</center></td>
</tr>
<tr>
<td width="155" height="600" bgcolor="#000000">
<html>
<head>
<title>Cascade Menu</title>
<style type="text/css">
</style>
<script language="JavaScript">
function goToURL() { history.go(-1); }
</script>
  <style>
  .menu
  {cellpadding:55;
   background-color:#000000;
   border:1px solid #FEB723;
   width:150px;
   font-size:11px;
   font-family:verdana;
   position: absolute;
   font:bold;
   color: #FEB723;
   cursor: hand;
  }
  .item_panel
  {
    width:150px;
    border-left:1px solid #FEB723;
    border-right:1px solid #FEB723;
    clip:rect(0,150,0,0);
    position:absolute;
  }
  .item_panel a
  {
   text-decoration:none;
   color:#FEB723;
   cursor:hand;
  }
  .item
  {
   background-color: #000000;
   width: 148px;
   font-size: 10px;
   font-family: verdana;
  }
  </style>
  <script language="JavaScript">
  var height = 20; // Hoehe der Menuekoepfe
  var iheight = 15; // Hoehe der Menueelemente
  var bgc = "#000000" // background color of the item
  var tc = "#FEB723" // text color of the item
  var over_bgc = "#FFFFFF";
  var over_tc = "#000000";
  var speed = 1;
  var timerID = "";
  var N = (document.all) ? 0 :-1;
  var width = 150;
  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("<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 = "#FEB723";
     obj.style.borderBottomWidth = 1;
     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[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>
<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|Dirty Beats";
  Link[1] = "1|Westcoast|http://www.javarea.de|";
  Link[2] = "1|Eastside|http://www.javarea.de|";
  Link[3] = "1|Dirty South|http://www.javarea.de|";
  Link[4] = "1|Germany|http://www.javarea.de|";
  Link[5] = "1|Spain/France|http://www.javarea.de|";
  Link[6] = "0|Chill 'n Clips";
  Link[7] = "1|DVD's|http://.|";
  Link[8] = "1|Music-Clips|http://.|";
  Link[9] = "1|Outtakes|http://www.javarea.de|";
  Link[10] = "0|Imagine";
  Link[11] = "1|Storys|http://.|";
  Link[12] = "1|Books|http://.p|";
  Link[13] = "0|Weed life";
  Link[14] = "1|Reggae|http://www.javarea.de|";
  Link[15] = "1|Places|";
  Link[16] = "1|Plants|";
  Link[17] = "0|Playmates|";
  Link[18] = "1|Best Pics|";
  Link[19] = "1|Playmate Collection|";
  Link[20] = "0|Stars|http://www.javarea.de|";
  Link[21] = "1|Music|http://www.javarea.de|";
  Link[22] = "1|Movies|http://www.javarea.de|";
  Link[23] = "1|Others|http://www.javarea.de|";
  Link[24] = "0|Service|";
  Link[25] = "1|Chat|";
  Link[26] = "1|Guestbook|";
  Link[27] = "0|Links|http://www.javarea.de|";
  Link[28] = "1|Entertainment|http://www.javarea.de|";
  Link[29] = "1|Buisness|http://www.javarea.de|";
  Link[30] = "1|Sports|http://www.javarea.de|";
  Link[31] = "1|Best sites|http://www.javarea.de|";
  startup(1);
  </script>
  </td>
 </tr>
</table>
</body>
</html>
<td width="588" bgcolor="#FEB723">


 </p>
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" class="menutable">
<tr>
<td height="470" bgcolor="#000000"><div align="justify">Hier ensteht in kürze eine neue Internetpräsenz, blablablala.</div></td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#000000">
<td height="15" colspan="2"> Der footer für copyrights</td>
</tr>
</table>
</body>
</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben