iFrame von iFrame aus aktualisieren

[erazor2106]

Hallo Leute,

bin neu hier im FOrum und auch neu in der "HTML-Welt" :-)

Undzwar habe ich ein Problem mit iFrames.

Meine startseite, also der Aufruf erfolgt für testseite.jsp. Auf der testseite.jsp befinden sich 3 iFrames:

<iframe src="iframetop.jsp"
style="width: 199px; height: 70px"
id="iframetop"
name="iframetop"
frameborder="1"
scrolling="yes" >
</iframe>

<br>
<iframe src="iframemiddle.jsp"
style="width: 199px; height: 138px"
id="iframemiddle"
name="iframemiddle"
frameborder="1"
scrolling="yes" >
</iframe>

<br>
<iframe src="iframedown.jsp"
style="width: 199px; height: 90px"
id="iframedown"
name="iframedown"
frameborder="1"
scrolling="yes" >
</iframe>


Auf der Seite "iframedown.jsp" ist ein Button vorhanden:

<a href="#" onClick="Weiter()">
<img src="Next_Button.jpg"
alt="Weiter"
border="0"
style="width: 26px; height: 26px"
/>
</a>

Dieser ruft die Funktion Weiter() auf:


<script type="text/javascript">
function Weiter()
{
// alert('hallo');
parent.frames[1].location.href = "./weiter.jsp";
}
</script>

Beim Klick auf den Button vom untersten iframe aus soll im mittleren iframe die Seite weiter.jsp aufgerufen werden. Dies klappt auch wenn ich es auf dem Laptop aufrufe. Versuche ich es auf einem Smartphone ändert sich nur das unterste iframe und es wird mit das Verzeichnis angezeigt in dem all diese FIles liegen.

Wo kann hier das Problem sein? Ich habe auch weiter.jsp statt ./weiter.jsp probiert :-(

VIelen Dank und viele Grüße erazor

 

[struppi]

Mal abgesehen davon, dass iframes nicht unbedingt sinnvoll sind, um eine Seite in Bereiche zu unterteilen, spielt es keine Rolle auf was für einen Gerät du mit HTML/CSS und JS arbeitest, sondern welchen Browser du benutzt und dann gibt es jeweils Möglichkeiten das JS zu debuggen. Der erste Schritt wäre die Fehlerkonsole zu finden und nach zu sehen ob es Meldungen gibt.

 

[erazor2106]

danke für die schnelle antwort. welche guten alternativen kann ich denn statt iframes nutzen.
der datenverkehr soll möglichst gering sein. daher dachte ich an iframe, da sich nur ein bestimmter teil der seite während der benutzung verändern soll. der rest wird nun einmal beim start aufgerufen

 

[Wustersoss]

Hallo,

und willkommen im Forum.
Du hast einen falschen Ansatz.

Eine Seite wird mit HTML strukturiert und mit CSS die Darstellung.
Deine Framebastelei wird zu nichts führen ausser zu grossen Problemen.

Erstelle für jeden Navigationslink eine eigene Seite in HTML und verwende eine CSS-Datei.

Eine Anleitung findest du unter CSS Tutorial - Inhaltsverzeichnis - HTML.net

 

[struppi]

danke für die schnelle antwort. welche guten alternativen kann ich denn statt iframes nutzen.
der datenverkehr soll möglichst gering sein.

sprichst du da von wenigen Byte? Weil das was du beschreibst ist eigentlich bei fast allen Seiten so, aber keiner würde auf die Idee kommen deshalb ein iframe zu nutzen. Das würde erst einen Sinn machen, wenn die jedesmal zu ladenen HTML Teile (externe Resourcen werden meist vom Browser gecached) einige MB gross sind und du mit vielen Besucher rechnest, die extrem langsame Verbindungen haben. Aber ansonsten machst du dir unnötige Arbeit

 

[erazor2106]

ich bin wie gesagt noch offen dabei und bestehe nicht auf iframes :-)
ein wichtiger Punkt bei meinem Projekt ist der geringe Datentransfer, da später auch Grafiken, Dokumente, pdf, ... angezeigt werden sollen und generell möglichst wenig übertragen werden soll.

Im Grunde besteht die Startseite aus 3 Teilen, einer Menüleiste ganz oben, Buttons ganz unten und einem dynamischen Teil in der Mitte. Nur dieser ändert sich im Laufe des Arbeitens, daher dachte ich an ein iframe, zumindest für den mittleren Teil

 

[struppi]

ich bin wie gesagt noch offen dabei und bestehe nicht auf iframes :-)
ein wichtiger Punkt bei meinem Projekt ist der geringe Datentransfer, da später auch Grafiken, Dokumente, pdf, ... angezeigt werden sollen und generell möglichst wenig übertragen werden soll.

Im Grunde besteht die Startseite aus 3 Teilen, einer Menüleiste ganz oben, Buttons ganz unten und einem dynamischen Teil in der Mitte. Nur dieser ändert sich im Laufe des Arbeitens, daher dachte ich an ein iframe, zumindest für den mittleren Teil

Wie gesagt, externe Resourcen, wie Bilder, Stylesheets, JS werden gecached und ich gehe mal davon aus, dass du die PDF Dateien nicht auf allen Seiten einbindest (das Verhalten wiederum ist stark abhängig davon, wie der Browser konfiguriert ist).

Da du eine Serverseitige Sprache hast zu Verfügung hast besteht absolut keine Notwendigkeit für diese Aufteilung. Und die wenigen Bytes HTML Code die du dann sparst, werden sich allenfalls bei langsamen 56K Modem Verbindungen bemerkbar machen.