nicht angemeldet
2Frames wechseln (tabellenlink mit fadeeffekt)
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!!!!
-
Grüß Gott,
Habe mir da ne Homepage erstellt, mit 4 Frames!
Oh Gott.
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
Oh Gott.
ist dein Problem auf die ursprüngliche 2 Frames Frage zurückzuführen?
--
http://www.apostrophitis.at
Wenn ich ein toller Programmierer währe, könnte ich vieleicht sogar Packete nach einem gewissen Standart kompelieren...
Vieleicht progge ich aber auch eine tolle Gallerie, die dann hoffentlich funzt. -
Hallo Markus,
http://de.selfhtml.org/javascript/beispiele/zweiframes.htm, hat mit faden aus meiner Sicht nüscht zu tun.
Gruß