Timo Hügel: 2Frames wechseln (tabellenlink mit fadeeffekt)

Beitrag lesen

Hallo!

Habe mir da ne Homepage erstellt, mit 4 Frames!

<html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>. . . : : :  GePla4U  : : : . . .</title> <script language="JavaScript"> <!-- function ctmenu(){  alert("©2005 by GePla4U");  return false;  } //--> </script> </head> <frameset rows="34,25,*,40" framespacing="0" border="0" frameborder="0">   <frame name="menu" scrolling="no" noresize src="menu.html" target="Mitte">   <frame name="untermenu" scrolling="no" noresize src="untermenu.html" target="Mitte">   <frame name="hauptseite" src="updates.html" scrolling="auto" noresize target="Mitte">   <frame name="counter" src="counter.html" scrolling="no" noresize>   <noframes>   <body onContextMenu="return ctmenu()" onselectstart="return false" ondragstart="return false">   <p>Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht   unterstützt.</p>   </body>   </noframes> </frameset> </html>

Nun möchte ich, wenn ich in auf meine Menuseite im Menu-Frame Link2 anklicke, dass sich im Untermenu-Frame die Seite lädt!

Soweit kein Problem, doch wenn ich nun auf Link1 klicke, ändert sich sofort das Hauptfenster-Frame, da es dort kein Untermenu gibt, doch wenn ich Link2 angeklickt hab vorher, bleibt ja die geladene Seite im Untermenu-Frame stehen, was ich nicht möchte.

So will ich nun mit Link1 die Startseite1 im Untermenu-Frame und im Hauotfenster laden, hab es zwar versucht aber da ich ein komplexes Menu hab mit tabellen und Fadeeffekt, ist das etwas heftig und habs nicht geschafft!

<html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>. . . : : :  GePla4U  : : : . . .</title> <script language="JavaScript"> <!-- function ctmenu(){  alert("©2005 by GePla4U");  return false;  } //--> </script> <SCRIPT LANGUAGE="JavaScript"> <!-- var hexArray = new Array(0,1,2,3,4,5,6,7,8,9,"a","b","c","d","e","f"); var step         = 28; var max_Object   = 10; var colors = new Array(step); createColorTable( colors, 0, 0, 0, 0, 100, 255 ); function hex(i) {     if (i < 0)         return "00";     else if (i > 255)         return "ff";     else        return "" + hexArray[Math.floor(i/16)] + hexArray[i%16]; } var fadeArray = new Array( max_Object ); for ( i=0; i<fadeArray.length; i++ )         fadeArray[i] = new Objekt(); function createColorTable( array, max_r, max_g, max_b, min_r, min_g, min_b ) {         for ( i=0; i<array.length; ++i)         {         var r = Math.floor(max_r * ((step - i)/ step) + min_r * (i / step));         var g = Math.floor(max_g * ((step - i)/ step) + min_g * (i / step));         var b = Math.floor(max_b * ((step - i)/ step) + min_b * (i / step));         array[i] = "#"+hex(r)+hex(g)+hex(b);     } } function fade( elementNr, faktor ) {         var e = fadeArray[elementNr];         if ( e.typ & 1 )                 e.element.style.backgroundColor = "" + colors[Math.round(e.i)];         if ( (e.typ & 1) && (e.element.style.backgroundColor == "") )                 e.element.style.background = "" + colors[Math.round(e.i)];         if ( e.typ & 2 )                 e.element.style.color = "" + colors2[Math.round(e.i)];          if ( (!e.direction && e.i >0) || (e.direction && e.i<step-1) )          {                  if ( e.direction )                          e.i += faktor;                  else                          e.i -= faktor;                  if ( e.i < 0 )                          e.i = 0;                  else if ( e.i >step-1 )                          e.i = step-1;                  setTimeout("fade("+elementNr+","+faktor+");",step);          } } function Objekt() {         this.element        = 0;         this.i              = 0;         this.direction      = 0;         this.typ            = 1; } function fadein( nr, element, faktor, fadetyp ) {         var e = fadeArray[nr];         if ( e.element == 0 )                 e.element = element;         e.direction = 1;         e.typ                = fadetyp;     fade(nr,faktor); } function fadeout( nr, faktor ) {         fadeArray[nr].direction = 0;         fade(nr,faktor); } //--> </script> </head> <body onContextMenu="return ctmenu()" bgcolor="#000000" leftmargin="0" topmargin="5" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFF00" onselectstart="return false" ondragstart="return false"> <div align="center">   <center> <table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse">   <tr>     <td width="100" height="30" bgcolor="#000000" onclick=parent.hauptseite.location.href="updates.html" onMouseout="fadeout(1,1)" onMouseover="fadein(1,this,1,1)" align="center"><p align="center" style="center"><a style="color:#FFFFFF" style="text-decoration: none" href="updates.html" target="hauptseite" onMouseOver="status='<<<<< Updates: Erfahren Sie mehr über Aktuelles >>>>>'; return true;" onMouseOut="status='<<<<< GePla4U >>>>>';"><b><font size="2" face="Arial">Updates</font></b></a></p></td>

<td width="100" height="30" bgcolor="#000000" onclick=parent.hauptseite.location.href="anfrage.html" onMouseout="fadeout(2,1)" onMouseover="fadein(2,this,2,1)" align="center"><p align="center" style="center"><a style="color:#FFFFFF" style="text-decoration: none" href="anfrage.html" target="hauptseite" onMouseOver="status='<<<<< Anfrage: Ausfüllformular zur schnelleren Bearbeitung des Auftrags >>>>>'; return true;" onMouseOut="status='<<<<< GePla4U >>>>>';"><b><font size="2" face="Arial">Anfrage</font></b></a></p></td>

<td width="100" height="30" bgcolor="#000000" onclick=parent.untermenu.location.href="theoriemenu.html" onMouseout="fadeout(3,1)" onMouseover="fadein(3,this,3,1)" align="center"><p align="center" style="center"><a style="color:#FFFFFF" style="text-decoration: none" href="theoriemenu.html" target="untermenu" onMouseOver="status='<<<<< Theorie: Erläuterungen und Erklärungen über Wissenswertes >>>>>'; return true;" onMouseOut="status='<<<<< GePla4U >>>>>';"><b><font size="2" face="Arial">Theorie</font></b></a></p></td>

<td width="100" height="30" bgcolor="#000000" onclick=parent.untermenu.location.href="projektemenu.html" onMouseout="fadeout(4,1)" onMouseover="fadein(4,this,4,1)" align="center"><p align="center" style="center"><a style="color:#FFFFFF" style="text-decoration: none" href="projektemenu.html" target="untermenu" onMouseOver="status='<<<<< Projekte: interessante Kundenprojekte >>>>>'; return true;" onMouseOut="status='<<<<< GePla4U >>>>>';"><b><font size="2" face="Arial">Projekte</font></b></a></p></td>

<td width="100" height="30" bgcolor="#000000" onclick=parent.hauptseite.location.href="workshops.html" onMouseout="fadeout(5,1)" onMouseover="fadein(5,this,5,1)" align="center"><p align="center" style="center"><a style="color:#FFFFFF" style="text-decoration: none" href="workshops.html" target="hauptseite" onMouseOver="status='<<<<< Workshops: Berichte mit Bilder zu Gehäusebauten >>>>>'; return true;" onMouseOut="status='<<<<< GePla4U >>>>>';"><b><font size="2" face="Arial">Workshops</font></b></a></p></td>

<td width="100" height="30" bgcolor="#000000" onclick=parent.untermenu.location.href="servicemenu.html" onMouseout="fadeout(6,1)" onMouseover="fadein(6,this,6,1)" align="center"><p align="center" style="center"><a style="color:#FFFFFF" style="text-decoration: none" href="servicemenu.html" target="untermenu" onMouseOver="status='<<<<< Service: Kunde ist König & Wünsche werden individuell umgesetzt >>>>>'; return true;" onMouseOut="status='<<<<< GePla4U >>>>>';"><b><font size="2" face="Arial">Service</font></b></a></p></td>

<td width="100" height="30" bgcolor="#000000" onclick=parent.hauptseite.location.href="impressum.html" onMouseout="fadeout(7,1)" onMouseover="fadein(7,this,7,1)" align="center"><p align="center" style="center"><a style="color:#FFFFFF" style="text-decoration: none" href="impressum.html" target="hauptseite" onMouseOver="status='<<<<< Impressum >>>>>'; return true;" onMouseOut="status='<<<<< GePla4U >>>>>';"><b><font size="2" face="Arial">Impressum</font></b></a></p></td>

<td width="100" height="30" bgcolor="#000000" onclick=parent.hauptseite.location.href="links.html" onMouseout="fadeout(8,1)" onMouseover="fadein(8,this,8,1)" align="center"><p align="center" style="center"><a style="color:#FFFFFF" style="text-decoration: none" href="links.html" target="hauptseite" onMouseOver="status='<<<<< Links >>>>>'; return true;" onMouseOut="status='<<<<< GePla4U >>>>>';"><b><font size="2" face="Arial">Links</font></b></a></p></td>   </tr> </table>   </center> </div> </body></html>

Ich glaube zwar nicht, dass mir jemand helfen kann, aber ein versuch ist es wert!

Danke demjenigen, der mir helfen kann!!!!