Inhalte in zwei Frames gleichzeitig laden?

Warchild

Hallo

Ich habe folgendes Framset:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title></title></head>
			<frameset cols="195px,*" FRAMEBORDER="no" FRAMESPACING="0" BORDER="0">
			<FRAME SRC="navigation.html" NAME="navigation">
			<frameset rows="140,*" FRAMEBORDER="no" FRAMESPACING="0" BORDER="0">
                        <FRAME SRC="banner.html" NAME="banner">
		        <FRAME SRC="content/Information.html" NAME="content">
                        </frameset>
	</frameset>
</html>

Alles anzeigen

Nun möchte ich mit einem Klick auf einen Button in der Navigationsleiste (navigation.html) eine html Datei in den Frame "Banner" und in den Frame "Content" gleichzeitig laden.

Weiss jemand wie das geht?

Hier die Navigationsdatei:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/navigation.css"></link>
	</head>
	<body bgcolor="black">
		<div id="navi_backgrnd">
			<div id="button1">[url='content/Information.html'][img]images/button1_off.gif[/img][/url]</div>
		</div>
	</body>
</html>

Alles anzeigen

Besten Dank im vorraus

mfg warchild

driver

HTML

<html>
<head>
<title>ZweiFrames - Verweise</title>
<script type="text/javascript">
function FrameAendern (URI, Framename) {
  parent[Framename].location.href = URI;
}


function ZweiFramesBack (Framename1, Framename2) {
  Frame2 = parent[Framename2];
  parent[Framename1].history.back();
  if (!window.opera)
    window.setTimeout("Frame2.history.back()", 100);
}


function ZweiFramesForward (Framename1, Framename2) {
  Frame2 = parent[Framename2];
  parent[Framename1].history.forward();
  if (!window.opera)
    window.setTimeout("Frame2.history.forward()", 100);
}
</script>
</head>
<body bgcolor="#EEEEEE" link="#AA5522" vlink="#772200" alink="#000000">
<div>
<hr noshade="noshade" size="1">


[url='javascript:ZweiFramesBack('oben', 'unten');'][b]zurück[/b][/url]
[b]|[/b]
[url='javascript:ZweiFramesForward('oben', 'unten');'][b]vor[/b][/url]
<hr noshade="noshade" size="1">
</div>


<h2>Verweise</h2>






[url='zweiframes_tu.htm'][b]Willkommen[/b][/url]




[url='zweiframes_su.htm'][b]Susan Sarandon[/b][/url]




[url='zweiframes_ju.htm'][b]Jack Nicholson[/b][/url]
</p>
</body>
</html>

Alles anzeigen

quelle: selfhtml...

Ronald

Hi Driver,

die Methode funktioniert zwar, hat m.E. aber 3 Nachteile:

1. bei deaktiviertem Javascript geht gar nichts mehr
2. die Seiten müssen immer aus der Navigation aufgerufen werden, bei Verweisen von Unterseite zu Unterseite streikt das obere Frame
3. history.back (oder Seite zurück im Browser) klappt auch nicht mehr.

Ich habe eine bessere Variante:

1. Die Unterseiten werden in der Navigation ganz normal als HTML-Verweise eingerichtet:

Code

<div id="button1">[url='content/Information.html'][img]images/button1_off.gif[/img][/url]</div>

2. Das Ändern des Banner übernimmt die aufgerufene Seite "information.html":

Code

<body onLoad="top.banner.location.href='banner2.html'">

Das ist alles.

Dabei ist darau zu achten, daß "banner2.html" innerhalb der Funktion noch einmal mit einfachen Anführungszeichen markiert wird, also vor der schließenden Klammer kommt erst das einfache, dann das doppelte Anführungszeichen (ist hier etwas schlecht zu sehen).

Du kannst übrigens auch statt einer HTML-Seite zu laden, einfach nur die Banner-Grafik ändern.

Noch zwei Tips:
- gewöhne dir an, alle Verzeichnisse und Dateinamen fürs Internet gundsätzlich klein zu schreiben ohne Leer- und Sonderzeichen, dann grenzt du eine vielzahl der möglichen Fehler schon einmal aus.
- die Grafik im Link brauchst du nicht, wenn du es mit CSS vernünftig formtierst (nimm die Grafik dann als Background).

G.a.d.M.

Ronald

Warchild

Hallo

Prima vielen Dank für die vielen Infos

Werde mich gleich mal dran machen!

mfg Warchild

atomareez

Vielen Dank. Genaus das was isch gesucht habe

Tags