Nur iframe aktualisieren

Takiry · 24. November 2015

Hallo Leute,
ich suche nach einer Möglichkeit auf meiner Webseite nur ein einzelnes iframe zu aktualisieren. Um genau zu sein ein TS-Viewer. Die restliche Seite soll von dieser Aktualisierung unberührt bleiben.

Daher funktioniert:

HTML

<meta http-equiv="Refresh" content="5">

nicht bei mir da diese Funktion ja leider die gesamte Seite betrifft.

Ich habe dann direkt im Viewer iframe das hier hinzugefügt:

HTML

name="TSViewer" onload="setTimeout(function(){top.TSViewer.location.href = top.TSViewer.location.href;}, 5000);"

Leider bewirkt diese Funktion rein garnichts.

Ich möchte gern nur das iframe des TS-Viewers alle 5 Sekunden neu laden lassen. Leider klappt das nicht so wie ich es will.

Hier mal das komplette iframe + CSS:

HTML

<iframe class="viewer" src="https://ts-admin.united-freaks.de/tsviewpub.php?skey=0&sid=1&showicons=right&bgcolor=transparent&fontcolor=000000">Dein Browser zeigt leider keine iframes an.</iframe>

CSS

.viewer {
height:1300px;
width:435px;
border: 0px;
}

Es gibt wohl irgendwie eine Möglichkeit das mit javascript zu lösen aber leider kenne ich mich damit nicht aus. Ich hoffe ihr könnt mir da mehr sagen.

Devine_ · 24. November 2015

http://www.tfonfara.de/ajax-se…ktualisieren-jquery.xhtml

Takiry · 24. November 2015

Danke für den Link. Den bzw. diese Möglichkeit habe ich auch soeben mal getestet. Leider funktioniert das auch nicht
Wenn ich den Quellcode richtig verstehe ist er eh für die gesamte Seite gemacht. Heißt nicht verwendbar für meine Zwecke. Oder sehe ich das falsch?

Das hier kam jetzt bei mir raus: sicherlich falsch aber ich kenne mich halt kein wenig mit javascript aus. Das ist mal meine vorläufige Seite.

HTML

<html lang="de">
	<head>
		<link  type="text/css" href="style.css" />
		<link rel="shortcut icon" href="favicon.ico"> 
		<script type="text/javascript">
			$(document).ready(function() {
			$("#refresh").load("https://ts-admin.united-freaks.de/tsviewpub.php?skey=0&sid=1&showicons=right&bgcolor=transparent&fontcolor=000000");
			var refreshId = setInterval(function() {
			$("#refresh").load('https://ts-admin.united-freaks.de/tsviewpub.php?skey=0&sid=1&showicons=right&bgcolor=transparent&fontcolor=000000?' + 1*new Date());
			}, 1000);
			});
		</script>
	</head>
	<body>
		<div class="info"> 
			<a href="https://www.united-freaks.de" class="button">Hauptseite</a></br>
			Aktualisierung aller 10 Sekunden.
		</div>
	<div class="wrapper">
		<p class="left">
		<!-- Werbung Links -->
		Werbung
		<!-- Werbung Links Ende -->
		</p>
		<p class="left">
		<!-- TS-Viewer -->
			<div id="refresh"></div>
			<iframe class="viewer" src="https://ts-admin.united-freaks.de/tsviewpub.php?skey=0&sid=1&showicons=right&bgcolor=transparent&fontcolor=000000">Dein Browser zeigt leider keine iframes an.</iframe>
		<!-- TS-Viewer Ende -->		
		</p>
		<p class="left">
			<!-- Werbung Rechts -->
		Werbung
			<!-- Werbung Rechts Ende -->
		</p>
	</body>
</html>

Alles anzeigen

Hier mal der CSS Kram:

CSS

body {
  background:url(background.jpg);
  text-align: center;
}


.left {
	float: left;
	width: 33%;
}


.wrapper {
	overflow: auto;
}


.info {
	font-size:10pt;
}


.viewer {
	height:1300px;
	width:435px;
	border: 0px;
}


.button {
	-moz-box-shadow:inset 0px 0px 8px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 0px 8px 0px #91b8b3;
	box-shadow:inset 0px 0px 8px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Georgia;
	font-size:15px;
	font-weight:bold;
	padding:10px 21px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.button:active {
	position:relative;
	top:1px;
}

Alles anzeigen

________________________________________________________________________________________________________________________________________________________________________

So ist meine Seite aktuell und funktioniert auch. wird aber halt leider komplett aktualisiert:

HTML

<html lang="de">
	<head>
		<link rel="stylesheet" type="text/css" href="style.css" />
		<link rel="shortcut icon" href="favicon.ico"> 
		<meta http-equiv="Refresh" content="10">
	</head>
	<body>
		<div class="info"> 
			<a href="https://www.united-freaks.de" class="button">Hauptseite</a></br>
			Aktualisierung aller 10 Sekunden.
		</div>
	<div class="wrapper">
		<p class="left">
		<!-- Werbung Links -->
		Werbung
		<!-- Werbung Links Ende -->
		</p>
		<p class="left">
		<!-- TS-Viewer -->
			<iframe class="viewer" src="https://ts-admin.united-freaks.de/tsviewpub.php?skey=0&sid=1&showicons=right&bgcolor=transparent&fontcolor=000000">Dein Browser zeigt leider keine iframes an.</iframe>
		<!-- TS-Viewer Ende -->		
		</p>
		<p class="left">
			<!-- Werbung Rechts -->
		Werbung
			<!-- Werbung Rechts Ende -->
		</p>
	</body>
</html>

Alles anzeigen

Devine_ · 24. November 2015

HTML

<html lang="de">
	<head>
		<link  type="text/css" href="style.css" />
		<link rel="shortcut icon" href="favicon.ico"> 
        <script type="text/JavaScript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	</head>
	<body>
		<div class="info"> 
			<a href="https://www.united-freaks.de" class="button">Hauptseite</a></br>
			Aktualisierung aller 10 Sekunden.
		</div>
	<div class="wrapper">
		<p class="left">
		<!-- Werbung Links -->
		Werbung
		<!-- Werbung Links Ende -->
		</p>
		<p class="left">
		<!-- TS-Viewer -->
        <iframe id="refresh" src="https://ts-admin.united-freaks.de/tsviewpub.php?skey=0&sid=1&showicons=right&bgcolor=transparent&fontcolor=000000"></iframe> 
		<!-- TS-Viewer Ende -->		
		</p>
		<p class="left">
			<!-- Werbung Rechts -->
		Werbung
			<!-- Werbung Rechts Ende -->
		</p>
	</body>
    <script>
    window.setInterval("reloadIFrame();", 3000);
    function reloadIFrame() {
        document.getElementById("refresh").src="https://ts-admin.united-freaks.de/tsviewpub.php?skey=0&sid=1&showicons=right&bgcolor=transparent&fontcolor=000000";
    }
    </script>


</html>

Alles anzeigen

Takiry · 24. November 2015

Genau so habe ich das gesucht

Dankeschön.

Ich wäre da nie drauf gekommen. Schließlich bin ich da nicht so auf dem laufenden. Wird nun abgespeichert und nie wieder angefasst (Nicht das was kaputt geht :D)

breadfish.de 12. März 2022