2 iframes mit einem link

mofakiller

halli hallo..bin super neu hier und muss gleich ma fragen, obwohl das thema schon oft hier besprochen wurde,..

also mach gerade ne homepage für meine band...möchte gerne mit dem klick auf einen link, dieser link wird als bild angezeigt, zwei iframes ändern lassen..mach die ganze seite mit frontpage, die iframes heißen I4 und I5...

hier ist der code von meinem index

<html>

<head>

</head>

<div align="center">
<table border="1" width="650" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" id="table1" style="border-collapse: collapse">
<tr>
<td><iframe name="I3" src="banner.htm" scrolling="no" align="top" border="0" frameborder="0" width="650" height="161">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe>
<div align="center">
<table border="0" width="640" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse" id="table2">
<tr>
<td align="center">

<a target="I4" href="newssub.html"></body></body>
</a>

<a href="bandsub.html">
</a>

<a target="I4" href="showssub.html">
</a>

<a target="I4" href="picssub.html">
</a>

<a target="I4" href="linkssub.html">
</a>

<a target="_blank" href="http://www.warpout.eshop4free.de/828895069455f2ab085d87.esw">
</a>

<a target="I4" href="guestsub.html">
</a><table border="1" width="640%" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse" id="table3">
<tr>
<td nowrap valign="top">
<p align="left"><iframe name="I4" height="30" width="640" scrolling="no" border="0" frameborder="0" src="newssub.html">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe></p>
<p align="left" style="margin-top: -19px">
<iframe name="I5" width="440" height="440" src="newsframe2006.htm">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe>
<iframe name="I6" src="rechtes_frame.htm" scrolling="no" border="0" frameborder="0" align="top" width="200" height="440">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe></td>
</tr>
</table>
<p style="margin-top: -2px">
<font face="Arial" style="font-size: 8pt">©
2006 WARP-OUT </font>
<font color="#000000" face="Arial" style="font-size: 8pt">all rights
reserved</font></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<p align="left"></div>

</body>

</html>

wäre super cool wenn mir jemand sagen kann was ich machen muss und wo ich es machen muss, ihr seit meine letzte hoffnung , hab wirklich schon alles hier probiert..

also danke im vorraus...

mfg

driver

im head

Code

<script type="text/javascript"> 
function FrameAendern (url, Frame) { 
  parent[Frame].location.href = url; 
}

aufruf:

Code

[url='seite1.html']Link[/url]

mofakiller

danke für deine schnelle antwort...

geht leider nicht, sobald ich den code oben in den head reinschreibe, wird die ganze seite deaktiviert...liegt das an frontpage, kann irgendwie nicht sein...

driver

liegt vermutlich daran wie dus eingefügt hast, gib mal den verbesserten quelltext oder die url

mofakiller

so hab es einfach unten in den head geschrieben, habs auch an verschiedenen stellen probiert, hat nix gebracht..zu dem anderen code weiß ich auch net wo ich ihn hinschreiben soll, konnt ich auch nicht, weil bis jetzt ja alles deaktiviert war..

<html>

<head>

</head>

<div align="center">
<table border="1" width="650" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" id="table1" style="border-collapse: collapse">
<tr>
<td><iframe name="I3" src="banner.htm" scrolling="no" align="top" border="0" frameborder="0" width="650" height="161">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe>
<div align="center">
<table border="0" width="640" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse" id="table2">
<tr>
<td align="center">

<a href="newssub.html" target="I4" onclick="FrameAendern('newsframe2006.html', 'I5')">
</a>

<a href="bandsub.html">
</a>

<a target="I4" href="showssub.html">
</a>

<a target="I4" href="picssub.html">
</a>

<a target="I4" href="linkssub.html">
</a>

<a target="_blank" href="http://www.warpout.eshop4free.de/828895069455f2ab085d87.esw">
</a>

<a target="I4" href="guestsub.html">
</a><table border="1" width="640%" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse" id="table3">
<tr>
<td nowrap valign="top">
<p align="left"><iframe name="I4" height="30" width="640" scrolling="no" border="0" frameborder="0" src="newssub.html">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe></p>
<p align="left" style="margin-top: -19px">
<iframe name="I5" width="440" height="440" src="newsframe2006.htm">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe>
<iframe name="I6" src="rechtes_frame.htm" scrolling="no" border="0" frameborder="0" align="top" width="200" height="440">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe></td>
</tr>
</table>
<p style="margin-top: -2px">
<font face="Arial" style="font-size: 8pt">©
2006 WARP-OUT </font>
<font color="#000000" face="Arial" style="font-size: 8pt">all rights
reserved</font></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<p align="left"></div>

</body>

</html>

DarkSyranus

Zitat

<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>WARP-OUT</title>
<base target="I4">

<script type="text/javascript">
function FrameAendern (url, Frame) {
parent[Frame].location.href = url;
}

</head>

Alles anzeigen

ersetzen durch

Code

<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>WARP-OUT</title>
<base target="I4">


<script type="text/javascript">
function FrameAendern (url, Frame) {
parent[Frame].location.href = url;
}
 </script></head>

Alles anzeigen

driver

sorry, ich hab ein </script> vergessen....

du musst im head natürlich noch das script beenden:

Code

<head> 
<meta http-equiv="Content-Language" content="de"> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>WARP-OUT</title> 
<base target="I4"> 


<script type="text/javascript"> 
function FrameAendern (url, Frame) { 
parent[Frame].location.href = url; 
}
</script>
</head>

Alles anzeigen

mofakiller

super cool, jetzt müsst ihr mir nur noch sagen wo ich den code im body schreiben muss, im moment hab ich so, es wird aber immer noch nur mein I4 verändert..vielleicht isses auch an der falschen stelle..ich hab keine ahnung...

<html>

<div align="center">
<table border="1" width="650" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" id="table1" style="border-collapse: collapse">
<tr>
<td><iframe name="I3" src="banner.htm" scrolling="no" align="top" border="0" frameborder="0" width="650" height="161">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe>
<div align="center">
<table border="0" width="640" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse" id="table2">
<tr>
<td align="center">

<a href="newssub.html" target="I4" onclick="FrameAendern('newsframe2006.html', 'I5')">
</a>

<a href="bandsub.html">
</a>

<a target="I4" href="showssub.html">
</a>

<a target="I4" href="picssub.html">
</a>

<a target="I4" href="linkssub.html">
</a>

<a target="_blank" href="http://www.warpout.eshop4free.de/828895069455f2ab085d87.esw">
</a>

<a target="I4" href="guestsub.html">
</a><table border="1" width="640%" bordercolorlight="#000000" bordercolordark="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse" id="table3">
<tr>
<td nowrap valign="top">
<p align="left"><iframe name="I4" height="30" width="640" scrolling="no" border="0" frameborder="0" src="newssub.html">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe></p>
<p align="left" style="margin-top: -19px">
<iframe name="I5" width="440" height="440" src="newsframe2006.htm">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe>
<iframe name="I6" src="rechtes_frame.htm" scrolling="no" border="0" frameborder="0" align="top" width="200" height="440">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der derzeitigen Konfiguration nicht an.
</iframe></td>
</tr>
</table>
<p style="margin-top: -2px">
<font face="Arial" style="font-size: 8pt">©
2006 WARP-OUT </font>
<font color="#000000" face="Arial" style="font-size: 8pt">all rights
reserved</font></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<p align="left"></div>

</body>

</html>

driver

ähm... mal vorweg... warum soviel frames ?

eigentlich reicht doch einer für den inhalt, oder ?
hast die seite evlt irgendwo online... ?

mofakiller

nein hab sie leider noch nicht online, soll erst wenn alles fertig is...hmm

driver

hm, hast du webspace ?
falls ja lad mal hoch, dann kann mas sich leichter anschauen....

oder du zipst die seite und schickst se mir am freitag per icq / lädst sie hier hoch...
dann könnt ich se mir so auchmal ansehen...

Ronald

Moin!

Es gibt auch eine einfachere (und m.E. viel bessere) Lösung, die ich hier bereits mehrfach ins Forum gepostet habe, die aber irgendwie keiner haben will:

1. Die Links werden ganz ohne Scripte als normale HTML-Links in die Navigation eingebaut.

2. in die sich öffnende Seite kommt ein Miniscript, welches in einem weitern Frame eine HTML-Seite öffnet, oder nur ein Text oder eine Grafik auswechselt. Das passiert immer automatisch, wenn die die Seite im Frame geladen wird, d.h. auch dann, wenn sie nicht über die Navigation, sondern z.B. über Querverweise aus Unterseiten heraus geöffnet wird (oder auch bei der Benutzung der Back-Taste des Browsers). Im Gegensatz zu anderen Scripten bleibt die Link-Funktion der Navigation deaktiviertem Javascript voll erhalten, es wird dann nur die das 2. Frame nicht geändert, die Hauptseite im 1. Frame jedoch ganz normal geladen.

Wie das geht?

Gehen wir im Beispiel einmal davon aus, daß du in der Navigation den Button "news" anklickst und dadurch im Frame "I3" die Seite "news.html" geöffnet wird. Diese Seite soll soll jetzt in das Frame "I4" die Seite "newsheader.html" öffnen.

Lösung 1, die Funktion kommt in den Body-Tag, das Miniscipt wird aber erst ausgeführt, wenn die Seite im Frame "I3" komplett geladen ist:

Code

<body onload="parent.I4.location.href ='newsheader.html' ">'

Lösung 2, die Funktion kommt in den Head-Bereich und wird sofort ausgeführt, wenn die news.html geladen wird:

Code

<script type="text/javascript" language="JavaScript">
<!--
parent.I4.location.href = "newsheader.html";
//-->
</script>

Noch besser wäre es natürlich in beiden Fällen mit "getElement(s)" und dem Framen-Namen, den Tag-Namen oder sogar einer eindeutigen ID zu arbeiten.

G.a.d.M.

Ronald

2 iframes mit einem link

Tags

Benutzer online in diesem Thema