menü

gamecracker

hi hab ein problem ich hab ein java menü
und eine seite mit frames jetz muss sich der link zb ich in einer frame laden kann mir da jemand weiter helfen

quelltext

HTML

<html>
<head>


<title>links</title>
</head>
<body text="#000000" bgcolor="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<style type="text/css">
<!--
  body { font: 12px tahoma }
 //-->
</style>
<script language="JavaScript">
function goToURL() { history.go(-1); }
</script>
  <style>
  .menu
  {
   background-color:#2B6Ebb;
   border:1px solid darkblue;
   width:150px;
   font-size:11px;
   font-family:verdana;
   position: absolute;
   font:bold;
   color: #ffffff;
   cursor: hand;
  }
  .item_panel
  {
    width:150px;
    border-left:1px solid darkblue;
    border-right:1px solid darkblue;
    clip:rect(0,150,0,0);
    position:absolute;
  }
  .item_panel a
  {
   text-decoration:none;
   color:black;
   cursor:hand;
  }
  .item
  {
   background-color: #E9F0F8;
   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 = "#FFFF00" // background color of the item
  var tc = "black" // text color of the item
  var over_bgc = "#FFFFFF";
  var over_tc = "#004891";
  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[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 = "darkblue";
     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|www.dccc.net.tc";
  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|webcam´s|http://www.javarea.de|";
  Link[5] = "0|download´s";
  Link[6] = "1|selfhtml|http://.|";
  Link[7] = "1|lerne html|http://.|"
  Link[8] = "0|meine pc´s";
  Link[9] = "1|megarechner|http://.|";
  Link[10] = "1|megaserver|http://.p|";
  Link[11] = "0|web designer";
  Link[12] = "1|ich|http://www.gamecracker-homepage.ipme.de";
  Link[13] = "1|mein mausi|http://www.gamecracker-homepage.ipme.de";
  startup(4);
  </script>
  </td>
 </tr>
</table>
</body>


</html>

Alles anzeigen

mfg

gamecracker

Beatz

Hallo Gamecracker,

in das Skript ist eine solche Funktionalität bereits eingebaut. Du musst das bei den Angaben zu den Menüpunkten bei jedem Link angeben.

Code

Link[1] = "1|Javarea.de|http://www.javarea.de|";

muss durch

Code

Link[1] = "1|Javarea.de|http://www.javarea.de|deinframename";

ersetzt werden. (Natürlich jeder einzelne Link).

gamecracker

cool danke ich kann leider kein java

admin

Für die Änderungen brauchst Du nicht Java zu können !
Einfach die Zeilen mit den Einträgen bearbeiten

Beatz

Das ist richtig, einfach ändern und fertig. Ist Kinderleicht!

Der Richtigkeit halber, muss ich aber erwähnen, dass es einen Unterschied zwischen Java und JavaScript gibt. Dein Menü ist mit JavaScript geschrieben. Browserseitige Java-Anwendungen nennt man Applets.

Student25

Edit *Und schon wieder hab ich nicht gesehen das Beatz schon das erklärt hat, was ich erklären wollte.

Beatz

Ja, so ist das!

gamecracker

Dein Menü ist mit JavaScript geschrieben. Browserseitige Java-Anwendungen nennt man Applets

das heissssst

http://www.dccc.net.tc
besser

gamecracker

und noch was wie bekomm ich sdas hin das die links in ner anderenschrift zu sehen sind

gamecracker

und kann mir jemand sagen wie ich die ganze seite zentrier also fest in der mitte hab mfg gmecracker

Beatz

Dazu musst Du diesen Bereich beliebig anpassen.

Code

<style> 
  .menu 
  { 
   background-color:#2B6Ebb; 
   border:1px solid darkblue; 
   width:150px; 
   font-size:11px; 
   font-family:verdana; 
   position: absolute; 
   font:bold; 
   color: #ffffff; 
   cursor: hand; 
  } 
  .item_panel 
  { 
    width:150px; 
    border-left:1px solid darkblue; 
    border-right:1px solid darkblue; 
    clip:rect(0,150,0,0); 
    position:absolute; 
  } 
  .item_panel a 
  { 
   text-decoration:none; 
   color:black; 
   cursor:hand; 
  } 
  .item 
  { 
   background-color: #E9F0F8; 
   width: 148px; 
   font-size: 10px; 
   font-family: verdana; 


  } 
  </style>

Alles anzeigen

Hier werden Cascading StyleSheets verwendet. Eine sehr ausführliche Dokumentation, was Du wie anpassen kannst, findest Du hier:
::] http://www.selfhtml.net/css/eigenschaften/index.htm

Zentrieren kannst Du das ganze, in Du

Code

<table width=150>

durch

Code

<table width=150 align="center">

ersetzt.

gamecracker

jo fett
kannst du mir auch sagen wie ich mein loge oben so zentrier das ich wenn ich sie seite in eine kleinen auf lösung anschau nicht das halbe loge weg is das is mit dem menü genau so
also eher gesagt kann mann die frames irgendwie fest einstellen

mfg gamecracker

Beatz

Hallo gamecracker,

das läßt sich natürlich nicht so pauschal beantworten. Das Skript läßt sich praktisch in jedes Layout einarbeiten. Interessant wäre mal eine URL und eine möglichst detaillierte Beschreibung, wie Du es Dir vorstellst, damit ich mir das ganze mal anschauen könnte.

gamecracker

jo stimmt is kla meine neue seite

http://www.dccc.net.tc

wie mann sieht noch im aufbau

wenn du die seite jetzt in einer nidriegen auflösung anschaust werden die frames so klein das das menü und logo nur noch halb zu sehen sind kann ich das ändern oder muss ich dafür extra ne seite ohne frames machen und eigentlich wollte ich das ganze mit einem rand also ein wenig zentriert wenn das möglich ist

danke und mfg

gamecracker

Beatz

Hmmm ... bei mir sieht eigentlich alles okay aus, bis darauf, dass das Menü halb verschwindet, sobald man das Fenster sehr, sehr klein macht. Das kannst Du umgehen, indem Du beim Frameset cols keine Prozentangabe verwendest, sondern eine feste Breite und dann mit * (Stern).

Mülla

ich nehem mal an so sieht dein frameset aus:

Code

<frameset rows="80,*" frameborder="NO" border="0" framespacing="0">
  <frame src="framefile1" name="topFrame" scrolling="NO" noresize >
  <frameset rows="*" cols="206,*" framespacing="0" frameborder="NO" border="0">
    <frame src="framefile3" name="leftFrame" scrolling="NO" noresize>
    <frame src="framefile2" name="mainFrame">
  </frameset>
</frameset>
<noframes><body> ...etc...

Das ware nun ein frame oben, links und ein großer rechts... du kannst doch einfach die Breite des linken durch

Code

cols="206"

bestimmen genau wie die höhe beim oberen...

ich hoffe, ich konntehelfen

greetz

gamecracker

cool ich danke dir ein üroblem weniger
noch ne frage ich hab zu hause ein eigenen webserver auf dem ich apache server mit php install. hab jetzt wollte ich mir eine interne suchmaschiene und einen passwort geschützten bereich mache kannte mir da was zu posten am besten wär so ne passwort eingabe wie von freenet
http://www.freenet.de
auf der rechten seite zb

mfg gamecracker

gamecracker

ich will ja nich nerven aber ich hab mir grad ein cgi gädtebuch runtergeladen jetzt will ich es install aber komm nicht weiter wie install ich das kann mir da jemand weiterhelfen

gamecracker

http://www.dccc.net.tc

gamecracker

http://www.phpbb.de kann mir jemand sagen was mann damit machen kann

Beatz

Man kann die Domain in einen Browser eintippen und dann auf der Seite lesen. Nein, Scherz beiseite. phpBB ist eine frei zugängliche Forensoftware, die Du Dir auf Deinem Webspace, vorausgesetzt Du hast PHP und die Möglichkeit, eine Datenbank zu nutzen. Was Du mit diesem Forum machen kannst, siehst Du hier. forum-hilfe.de basiert auf dem phpBB. Wenn Du jedoch noch an der Stelle bist, was Du damit machen kannst, lass es lieber. Es ist verdammt viel und harte Arbeit, ein Forum ins Rollen zu bringen. Wenn Du ein Forum einrichtest, muss die Seite selbst schon danach schreien.

Tags