iframe Problem mit Scrollbar

Hallo,

ich habe wie der Betreff schon aussagt ein Problem mit iframe undzwar lasse ich eine andere Seite mit dem iframe anzeigen.
die angezeigte Seite lasse ich ca jede 2sek aktualisieren.
Das Problem liegt jetzt daran, dass wenn ich beim iframe runterscrolle es wieder nach oben springt, was es nicht machen soll.
Das Scrollbar sollte wenns geht immer unten bleiben auch wenn es aktualisiert wird.

Ich würde mich auf eine schnelle antwort freuen und hoffe das jemand eine Lösung Parat hat.

MfG

Sapzero

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 113846

Url: https://administrator.de/contentid/113846

Ausgedruckt am: 26.11.2024 um 15:11 Uhr

9 Kommentare

Neuester Kommentar

Ich würde mal raten: Pack in den iframe einen Anker ganz unten auf die Seite und ruf die URL mti Anker auf.

Grüße

Max

Hast vieleicht eine Link oder zumindst mal den Qullecode?

Wie aktualisiert du denn die Seite (Java script, ...)?

Und wieso aktualisiert du das?

Und der Anke ist warscheinlich das was dir fehlt.

Hi,
erst mal danke für die schnelle Antwort, jedoch ist ein Anker nicht was ich suche.
Es soll ohne ein Verweis funktionieren alles automatisch.

Gruß

Sapzero

Hi,
und auch dir danke für deine Antwort.

Wie aktualisiert du denn die Seite (Java script, ...)?

Ja ich aktualisiere den Quellcode mit java script

<script>
  setTimeout("window.location.replace('chatbox.php')",2000);  
</script>

Und wieso aktualisiert du das?

Wie du sehen kannst aktualisiere ich die Seite weil es ein Chatbox sein soll.
Es funktioniert ohne Probleme und er zeigt auch immer die Nachrichten an.
Wenn immer eine neue Nachricht geschrieben wird wird sie unten an die alten drann gehängt. Also muss ich um dieneuste Nachricht zu seenimmer nach unten scrollen.
Wenn es jedoch dann aktualisiert springt es wieder nach oben.

Die Nachrichten die der User schreibt werden in eine Datenbank gespeichert und dann dort herraus gelesen.
Doch hier liegt nicht das Problem.

Und der Anke ist warscheinlich das was dir fehlt.

Ich glaub nicht das der Anker das ist was ich suche ich willes ohne Verweis haben, dass der Scrollbar immer unten bleib statt oben

so binde ich die chatbox.php in die Haptseite mit einem iframe ein.

<iframe src="chatbox.php" name="chatbox" width="515" height="150" frameborder="1" scrolling="yes"></iframe>  

Wieso benutz du überhaupt ein iframe?
Wieso nicht PHP?

<?PHP include('chatbox.php'); ?>

Und könnst du vieleicht den ganz Qullecode posten dann kann eher eine Lösung finde.

Oder uns ein Link geben?

In deine chatbox.php Datei machst du ganz ans Ende:

		<a name="end">&nbsp;</a>  
	</body>
</html>

Und den iframe rufst du per

<iframe src="chatbox.php#end" name="chatbox" width="515" height="150" frameborder="1" scrolling="yes"></iframe>   

auf...

ich wusste nicht das es auch so geht

<?PHP include('chatbox.php'); ?>

das werde ich dann mal ausprobieren.

Ich hab jetzt eine andere Lösung gefunden. Ich lasse einfach den neusten Beitrag ganz oben anzeigen statt unten.
So muss ich auch nicht nach unten scrollen.
Danke für deine Hilfe

Hi,
und Danke für deinen Beitrag. Ich habe eine andere Lösung gefunden ich lasse einfach die neusten Nachrichten oben statt unten anzeigen.

Gruß

Sapzero

Und funktioniert deine include?

Musst nur aufpassen, aber mit Iframe das du eigenlich keine ganz Html datei mehr brauchst, weil sonst hast ja alles doppelt

Also ums in code zum machen.

So nicht:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>Test</title>
</head>

<body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>Test</title>
</head>

<body>
<input height="20" />  
</body>
</html>
</body>
</html>

Sonder so:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>Test</title>
</head>

<body>

<input height="20" />  
</body>
</html>