Hackerboard WikiHaboBlog

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

Frage zu einem JAVA-Script!

Diskussion: Frage zu einem JAVA-Script! im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Hallo ich habe da mal eine nicht so einfache aber schnellgestellte Frage: Kann ich im nachfolgenden Script irgendwie dem Ebene ...
Antwort
Themen-Optionen Ansicht
   
Alt 10.10.05, 23:26   #1 (permalink)
 
Registriert seit: 27.07.05
bambid Leistung: Facit NTK
Likes: 0
Standard Frage zu einem JAVA-Script!


Hallo ich habe da mal eine nicht so einfache aber schnellgestellte Frage:
Kann ich im nachfolgenden Script irgendwie dem Ebene Einsmenübutton einen Link zuweisen?

Zum beispiel soll "sonst" auf www.bambid.ch verlinken!
ist dies machbar?

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

<html>
<head>
 
 <title>Cascade Menu</title>
 <style type="text/css">
 <!--
  body { font: 12px tahoma } 
 //-->
 </style>
<script language="JavaScript">
// www: http://www.javarea.de
// Copyright by javarea.de
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">  
// www: http://www.javarea.de
// Copyright by javarea.de

  var height = 20; // Hoehe der Menuekoepfe
  var iheight = 15; // Hoehe der Menueelemente 
  var bgc = "#E9F0F8" // background color of the item
  var tc = "black" // text color of the item  
  var over_bgc = "white";
  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|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>
</body>

</html>
Vielen dank für die hilfe!
mfg bambid
bambid ist offline   Mit Zitat antworten
Alt 11.10.05, 12:38   #2 (permalink)
 
Registriert seit: 18.07.05
Malo Leistung: Facit NTK
Likes: 0
Standard
Du glaubst doch nicht ernsthaft, dass sich jemand den ganzen HTML-Quellcode durchliest, oder?

Gerade, wenn da so unwichtige Zeilen wie die Stylesheets drin sind (die kommen in eine .css-Datei).

Kürze das doch mal auf die wichtigen Teile.
Malo ist offline   Mit Zitat antworten
   
HaBOT
 

Werbung ist gerade online    
Alt 11.10.05, 12:52   #3 (permalink)
Themenstarter
 
Registriert seit: 27.07.05
bambid Leistung: Facit NTK
Likes: 0
Standard
Also ich versuche es mal:

Code:
<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="generator" content="Adobe GoLive">
		<title>HGV</title>
		<meta http-equiv="content-type" content="text/html; CHARSET=iso-8859-1">

<script type="text/javascript">
function goToURL() { history.go(-1); }


  var height = 20; // Hoehe der Menuekoepfe
  var iheight = 25; // Hoehe der Menueelemente 
  var bgc = "no" // background color of the item
  var tc = "black" // text color of the item  
  var over_bgc = "no";
  var over_tc = "no";  
  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("<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++;
     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 = "no";
     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[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;
 }
 }
}  

      //Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"
  var Link = new Array();
  Link[0]= "0|Home|home.html|iframe";
  Link[1] = "0|Mitgliederverzeichnis";
  Link[2] = "1|Firmenname|verzeichnis.html|iframe";
  Link[3] = "1|A-G|verzeichnis.html#a-g|iframe";
  Link[4] = "1|H-P|verzeichnis.html#h-p|iframe";
  Link[5] = "1|Q-Z|verzeichnis.html#q-z|iframe";
  Link[6] = "1|Branche|verzeichnis_b.html|iframe";
  Link[7] = "1|A-G|verzeichnis_b.html#a-g|iframe";
  Link[8] = "1|H-P|verzeichnis_b.html#h-p|iframe";
  Link[9] = "1|Q-Z|verzeichnis_b.html#q-z|iframe";
  Link[10] = "0|Unser Verein";
  Link[11] = "1|Vorstand|vorstand.html|iframe";
  Link[12] = "1|Statuten (PDF)|PDF/statuten.pdf|_blank";
  Link[13] = "1|Geschichte|geschichte.html|iframe";
  Link[14] = "1|Anlässe|anlaesse.html|iframe"
  Link[15] = "0|Links";
  Link[16] = "1|Links zu Verbänden|links.html|iframe";
  Link[17] = "0|Gästebuch";
  Link[18] = "1|Eintragen|http://www.hgv.bambid.ch/GB/eintragen.php|iframe";
  Link[19] = "1|Anschauen|http://www.hgv.bambid.ch/GB/anschauen.php|iframe";
  
  startup(0);
//-->
</script>
Also ich denke das ist das wesentlichste! ich habe jetzt meinen endgültigen Code genommen und möchte das home so verlinken wie es da ist! aber das ist nicht so einfach wie ich mir das gedacht habe!
ich hoffe ihr komt nach und ich hoffe es ist nicht zuviel verlangt! ich danke im Voraus!
mfg bambid!
bambid ist offline   Mit Zitat antworten
Antwort
   

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » Frage zu einem JAVA-Script!
« Vorheriges Thema | Nächstes Thema »
Themen-Optionen
Ansicht
Linear-Darstellung Linear-Darstellung

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
java script BigEarl (Web-) Design und webbasierte Sprachen 3 24.02.07 21:04
hilfe zu einem script j1gg4m4n Code Kitchen 8 06.02.06 11:14
URL aus einem mit Javascript-Includeten PHP-Script auslesen WiNPaD (Web-) Design und webbasierte Sprachen 32 23.07.05 19:26
Java-Script |V|r.Fa4 (Web-) Design und webbasierte Sprachen 4 26.12.04 11:15
wie erstelle ich eine perl-shell in einem cgi-script honkman (Web-) Design und webbasierte Sprachen 3 15.10.02 11:49

Alle Zeitangaben in WEZ +1. Es ist jetzt 13:10 Uhr.
vBulletin® v3.8.7, Copyright ©2000-2012, vBulletin Solutions, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61