Onclick Navigation mit target Iframe

[Thujon]

Hallo Miteinander

Dies ist meine erste Frage an das Forum. Leider konnte ich mit Google resp. der Suche im Forum keine passende Antwort finden.

Ich habe eine Homepage mit HTML, CSS und ein bisschen Javascript erstellt.
In der Meinung eine geniale Idee zu haben, habe ich die Navigationen mit onclick erstellt. Danach wird ein neuer Inhalt im Iframe geladen.

Hier ein beispiel Code:
<td align="center"><a class="navi" onclick="window.open('home.html','cont')">Home</a></td>
<td align="center"><a class="navi" onmouseover="aufklappen()" onmouseout="zuklappen()">Sattlerei</a></td>
<td align="center"><a class="navi" onmouseover="aufklappen2()" onmouseout="zuklappen2()">Bildergalerie</a></td>
<td align="center"><a class="navi" onclick="window.open('about.html','cont')">Über uns</a></td>
<td align="center"><a class="navi" onclick="window.open('kontakt.html','cont')">Kontakt</a></td>

Das Ziel in einem weiteren DIV-Container:
<iframe name="cont" allowtransparency="true" align="center" style="width:910px; height:600px; border:none;" scrolling="auto" src="home.html" frameborder="0"></iframe>


Nun aber das logische Problem. Im Browser wird nur noch meine url .../index.html geladen und somit kann man keine Links mehr versenden, (Bsp: www.url.ch/kontakt.html) respektive wird bei einer solchen Eingabe nur das separate kontakt.html-File geladen.
Leider endet hier mein Fachwissen und ich bin auch ein bisschen ratlos, nach was ich suchen soll.

Gibt es allgemein eine Möglichkeit mit dieser Art der Navigation links zu versenden, oder kann ich das gleich vergessen?


Ich danke euch im Voraus für eure Hilfe. Weitere relevante Informationen liefere ich gerne nach.

Gruss
Thujon

 

[scbawik]

Hallo Miteinander

Dies ist meine erste Frage an das Forum. Leider konnte ich mit Google resp. der Suche im Forum keine passende Antwort finden.

Ich habe eine Homepage mit HTML, CSS und ein bisschen Javascript erstellt.
In der Meinung eine geniale Idee zu haben, habe ich die Navigationen mit onclick erstellt. Danach wird ein neuer Inhalt im Iframe geladen.

Hier ein beispiel Code:
<td align="center"><a class="navi" onclick="window.open('home.html','cont')">Home</a></td>
<td align="center"><a class="navi" onmouseover="aufklappen()" onmouseout="zuklappen()">Sattlerei</a></td>
<td align="center"><a class="navi" onmouseover="aufklappen2()" onmouseout="zuklappen2()">Bildergalerie</a></td>
<td align="center"><a class="navi" onclick="window.open('about.html','cont')">Über uns</a></td>
<td align="center"><a class="navi" onclick="window.open('kontakt.html','cont')">Kontakt</a></td>

Das Ziel in einem weiteren DIV-Container:
<iframe name="cont" allowtransparency="true" align="center" style="width:910px; height:600px; border:none;" scrolling="auto" src="home.html" frameborder="0"></iframe>


Nun aber das logische Problem. Im Browser wird nur noch meine url .../index.html geladen und somit kann man keine Links mehr versenden, (Bsp: www.url.ch/kontakt.html) respektive wird bei einer solchen Eingabe nur das separate kontakt.html-File geladen.
Leider endet hier mein Fachwissen und ich bin auch ein bisschen ratlos, nach was ich suchen soll.

Gibt es allgemein eine Möglichkeit mit dieser Art der Navigation links zu versenden, oder kann ich das gleich vergessen?


Ich danke euch im Voraus für eure Hilfe. Weitere relevante Informationen liefere ich gerne nach.

Gruss
Thujon

Ich sag's nur ungern, aber am besten machst du die Seite neu - ohne iFrames und mit normalen Links.
iFrames sind sowieso ein NoGo und Tabellenlayouts waren schon 2005 veraltet, und sind es zehn Jahre später erst recht.

Wenn du im Anschluss immer noch der Meinung bist, du benötigst animierte Seitenübergänge oder was auch immer, ist das mit wenigen Zeilen Code und http://api.jquery.com/jquery.ajax/ erledigt.

 

[Thujon]

Hallo Scbawik

Danke für deine schnelle Hilfe.
Ich hatte es bereits befürchtet, dass ich hier in eine Sackgasse gelangt bin.
Danke für den Tipp.