sapzero
Goto Top

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

Content-Key: 113846

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

Printed on: April 24, 2024 at 23:04 o'clock

Member: dog
dog Apr 14, 2009 at 20:52:05 (UTC)
Goto Top
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
Member: Jonas32
Jonas32 Apr 14, 2009 at 21:25:17 (UTC)
Goto Top
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.
Member: Sapzero
Sapzero Apr 15, 2009 at 07:07:52 (UTC)
Goto Top
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
Member: Sapzero
Sapzero Apr 15, 2009 at 07:22:59 (UTC)
Goto Top
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>  
Member: Jonas32
Jonas32 Apr 15, 2009 at 09:40:12 (UTC)
Goto Top
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?
Member: dog
dog Apr 15, 2009 at 11:09:32 (UTC)
Goto Top
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...
Member: Sapzero
Sapzero Apr 15, 2009 at 12:02:58 (UTC)
Goto Top
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
Member: Sapzero
Sapzero Apr 15, 2009 at 12:04:46 (UTC)
Goto Top
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
Member: Jonas32
Jonas32 Apr 15, 2009 at 20:02:27 (UTC)
Goto Top
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>

Also muss in chatbox.php nur
<input height="20" />