Seite ladet nicht komplett neu?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aussehen
befehl
beschreibung
beste methode
code
datei
funktion
header
http
kleinen fehler
laden
neuste netzwerk
nutz
pack
problem
set
star
url
vergessen
video
-
Guten Abend liebe Community,
ich habe ein Problem bezüglich der aktualisierung meiner Seite. Ich habe einen iframe der aus einer HTML Datei ein eingebettetes YouTube Video liest. Nun bette ich in die HTML Datei ein weiteres Video ein, speichere die Datei und rufe die Datei mit dem iframe auf. Dort zeigt er mir allerdings keine Anderungen. In Firefox muss ich zwei mal schnell hintereinander neu laden, damit das neue Video angezeigt wird. In Chrome geht's überhaupt nicht. Wie kann ich das ändern?
Achja, und am besten wäre es, wenn ich die Videos in einer externen HTML Datei lassen kann, da meine Kumpel nicht mit HTML umgehen können und sehr schwierig für sie werden könnte, den Quellcode der Hauptseite nach den entsprechenden Codes abzulesen.
Hier die Seite:
http://schinkenmedia.de/hauptseite.php
Freue mich auf hilfreiche Antworten!
mfg
Beitrag zuletzt geändert: 20.3.2012 16:42:02 von schinkenmedia -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
monkeyz schrieb:
Ich denke er läd die Seite aus dem Cache.
Nutze in jeder Datei mal diesen Code im Header:
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
Dann sollte er die Datei (das iframe) immer neu laden.
MFG monkeyz
Hab das jetzt mal oben in den Header gepackt, aber es funktioniert noch nicht...
Hier der Quellcode, vllt. hilft der ja weiter:
<!-- INCLUDE overall_header.html --> <header> <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE"> </header> <div style=position:absolute;top:528px;left:258px> <br /> <br /> <b> <p> Neuste Netzwerk-Videos: </p> </b> <br /> <br /> <br /> <iframe src="http://www.schinkenmedia.de/videos/videos.html" width="217%" height="2000" frameborder="0"> </iframe> </div> <p> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </p> <div style=position:absolute;top:225px;left:258px> <script type="text/javascript"> var Geschwindigkeit = 5000 , aktuell = 3; if (document.images) { link = new Array(); bild1 = new Image(); bild1.src = "http://www.schinkenmedia.de/slideshow/image-01.jpg"; link[1] = "http://www.youtube.com/playlist?list=PLFFA6B3B6C7029CFE&feature=plcp"; bild2 = new Image(); bild2.src = "http://www.schinkenmedia.de/slideshow/image-02.jpg"; link[2] = "http://www.youtube.com/playlist?list=PL3153F27624F3A8E7&feature=plcp"; bild3 = new Image(); bild3.src = "http://www.schinkenmedia.de/slideshow/image-03.jpg"; link[3] = "http://www.youtube.com/playlist?list=PL3153F27624F3A8E7&feature=plcp"; } var anzahl = link.length-1; function Bilderwechsel(){ if (aktuell == anzahl) aktuell = 0; aktuell++; document.images['Banner'].src = window['bild' + aktuell].src; setTimeout ('Bilderwechsel()', Geschwindigkeit) } function neueSeite(){ if (document.images) top.location.href = link[aktuell] } //--> </script> </head> <body onLoad="setTimeout ('Bilderwechsel()', Geschwindigkeit)"> <div align=center> <a href="javascript:neueSeite()" onClick="this.href=link[aktuell]; this.target='_blank'"> <img name="Banner" border=0> </a> </div> </div> <div style=position:absolute;top:300px;left:0px> <b> <h2> <p> News </p> </h2> </b> <br /> <br /> <b> <p> Hier kommen sämtliche tolle und zudem <br /> lesenswerte News rein! <br /> Jaha da guckst du o.O <br /> Das nenn ich richtige News! <br /> </p> </b> </div> <div style=position:absolute;top:230px;left:255px> <img src="http://www.schinkenmedia.de/styles/610nm/template/strichlinks.png"></img> </div> <div style=position:absolute;top:230px;left:1058px> <img src="http://www.schinkenmedia.de/styles/610nm/template/strichlinks.png"></img> </div> <div style=position:absolute;top:525px;left:258px> <img src="http://www.schinkenmedia.de/styles/610nm/template/strichwaage.png"></img> </div> <table class="table1" cellspacing="1"> <tr> </tr> <!-- BEGIN block_name --> <tr class="<!-- IF block_name.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF -->"> </tr> <!-- END block_name --> </table> <!-- INCLUDE overall_footer.html --> -
Pack den Meta mal in die datei rein: http://www.schinkenmedia.de/videos/videos.html
Ganz nebenbei ... Wieso nutzt du so oft "<br>" ? Nimm doch einfach ein div mit entsprechender höhe.
[EDIT:] Wenn ich dich richtig verstanden habe ändert du hier etwas (http://www.schinkenmedia.de/videos/videos.html) und da http://schinkenmedia.de/hauptseite.php ist nichts von der änderung zu sehen ?
Beitrag zuletzt geändert: 20.3.2012 17:16:24 von monkeyz -
Du könntest das Ganze auch mit einer htaccess-Datei bewerkstelligen. Einfach im Root-Verzeichnis deines Webspaces eine Datei namens ".htaccess" erstellen und folgenden Code einfügen:
Das benutze ich auch auf meiner Seite und es funktioniert einwandfrei!FilesMatch "\.(htm|html|php|xml)$"> FileETag None Header set Cache-Control "no-cache, no-store, must-revalidate, max-age=0, proxy-revalidate, no-transform" Header set Pragma "no-cache" </FilesMatch> -
monkeyz schrieb:
Pack den Meta mal in die datei rein: http://www.schinkenmedia.de/videos/videos.html
Ganz nebenbei ... Wieso nutzt du so oft "<br>" ? Nimm doch einfach ein div mit entsprechender höhe.
[EDIT:] Wenn ich dich richtig verstanden habe ändert du hier etwas (http://www.schinkenmedia.de/videos/videos.html) und da http://schinkenmedia.de/hauptseite.php ist nichts von der änderung zu sehen ?
Das iframe liegt in der hauptseite.php und DORT sehe ich das Video nicht.
Wenn ich die video.html bearbeite sehe ich das video, wenn ich die video.html aufrufe.
Daraus schließe ich, etwas mit der hauptseite.php stimmt nicht. Deine Methode hat leider nicht geklappt, auch nach experimentieren nicht...:( -
Das problem ist weder die Hauptseite.php noch die video.html, sondern das Iframe.
Da du das Iframe in einer php datei hast könntest du auch include nutzen.
Möglicherweise musst du dann die video.html Datei in video.php umändern, aber das ist ja kein Problem.<? include ("datei.php"); ?>
Beitrag zuletzt geändert: 20.3.2012 17:51:08 von monkeyz -
monkeyz schrieb:
Das problem ist weder die Hauptseite.php noch die video.html, sondern das Iframe.
Da du das Iframe in einer php datei hast könntest du auch include nutzen.
Möglicherweise musst du dann die video.html Datei in video.php umändern, aber das ist ja kein Problem.<? include ("datei.php"); ?>
Das problem ist, der ganze style-schnickschnack liegt in einer Datei Namens mein_template.html, diese ist ,ot zu vielen Funktionen verknüpft, als dass ich sie jetzt in eine php-Datei ändern könnte... -
Du kannst natürlich auch mit jquery und dem load befehl arbeiten und die Video.html Datei in einen Div laden.
Natürlich nicht die beste Methode aber würde funktionieren. -
monkeyz schrieb:
Du kannst natürlich auch mit jquery und dem load befehl arbeiten und die Video.html Datei in einen Div laden.
Natürlich nicht die beste Methode aber würde funktionieren.
Das müsste dann doch so aussehen, oder?
$('#video.html').load('/mein_template.html #divboxvideos');
In welche der beiden Dateien sollte ich das dann einfügen?
Beitrag zuletzt geändert: 20.3.2012 18:16:16 von schinkenmedia -
Oder ganz einfach drück mal STRG+R dann läds komplett neu
-
$('#divboxvideos').load('/video.html');
So sollte das dann aussehen, wenn du in den div "#divboxvideos" die datei video.html laden willst.
Ich weiß nicht genau wie das bei dir aufgebaut ist, aber wenn du nur die videos laden willst (mit beschreibung) sollte das gehen.
@ulti-star: Das würde auch mit F5 gehen, aber es geht hier darum, das der Benutzer der Seite die neuen Videos sehen soll und nicht auf verdacht die ganze Seite refreshen muss. Oder drückst du immer Strg+R weil es ja sein könnte das sich etwas geändert hat?
Beitrag zuletzt geändert: 20.3.2012 18:23:17 von monkeyz -
monkeyz schrieb:
$('#divboxvideos').load('/video.html');
So sollte das dann aussehen, wenn du in den div "#divboxvideos" die datei video.html laden willst.
Ich weiß nicht genau wie das bei dir aufgebaut ist, aber wenn du nur die videos laden willst (mit beschreibung) sollte das gehen.
@ulti-star: Das würde auch mit F5 gehen, aber es geht hier darum, das der Benutzer der Seite die neuen Videos sehen soll und nicht auf verdacht die ganze Seite refreshen muss. Oder drückst du immer Strg+R weil es ja sein könnte das sich etwas geändert hat?
Bei mir sieht es jetzt so aus, aber irgendwie will er mir die Videos nicht anzeigen:
$('divboxvideos').load('/videos.html'); <div id="divboxvideos"; style=position:absolute;top:528px;left:258px> <br /> <br /> <b> <p> Neuste Netzwerk-Videos: </p> </b> <br /> <br /> <br /> </div> -
Du hast da nen bissel was vergessen nutz mal das:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#divboxvideos').load('/video.html'); }); </script> <div id="divboxvideos"; style=position:absolute;top:528px;left:258px>
anstatt von dem:
$('divboxvideos').load('/videos.html'); <div id="divboxvideos"; style=position:absolute;top:528px;left:258px>
Beitrag zuletzt geändert: 20.3.2012 18:28:20 von monkeyz -
monkeyz schrieb:
Du hast da nen bissel was vergessen nutz mal das:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#divboxvideos').load('/video.html'); }); </script> <div id="divboxvideos"; style=position:absolute;top:528px;left:258px>
anstatt von dem:
$('divboxvideos').load('/videos.html'); <div id="divboxvideos"; style=position:absolute;top:528px;left:258px>
Ich bin Anfänger ----> Anfänger dürfen das^^
Leider funktioniert es immer noch nicht. Die Dateien liegen im gleichen Verzeichnis, aber die Videos werden nicht dargestellt...
Vorerst füge ich es jetzt mit
ein. Dann muss ich zwar zusäätzlich noch den Cache von Phpbb3 löschen, aber das sind 2 Minuten mehr arbeit.<!-- INCLUDE videos.html -->
Danke für die Hilfe, dazugelernt hab ich auf jedenfall und das ist ja auch das Ziel, sonst könnte ich mir ja gleich nen Baukasten schnappen
Beitrag zuletzt geändert: 20.3.2012 18:39:19 von schinkenmedia -
Hab da nichts gegen gesagt ... jeder fängt mal klein an ;)
Ah da habe ich selber einen kleinen Fehler eingebaut.
Ersetze mal :
<div id="divboxvideos"; style=position:absolute;top:528px;left:258px>
Durch:
<div id="divboxvideos" style="position:absolute;top:528px;left:258px;"></div>
Auch Fortgeschrittene machen manchmal Fehler .
Beitrag zuletzt geändert: 20.3.2012 18:41:48 von monkeyz -
monkeyz schrieb:
Hab da nichts gegen gesagt ... jeder fängt mal klein an ;)
Ah da habe ich selber einen kleinen Fehler eingebaut.
Ersetze mal :
<div id="divboxvideos"; style=position:absolute;top:528px;left:258px>
Durch:
<div id="divboxvideos" style="position:absolute;top:528px;left:258px;"></div>
Auch Fortgeschrittene machen manchmal Fehler .
Leider funktioniert das immer noch nicht wirklich, aber ich habs ja jetzt durch einen INCLUDE geregelt
-
Ich verstehe zwar nicht ganz wieso das nicht funktioniert :(
Habe es selber nochmal naqchgeprüft und es hat nicht funktioniert
Naja die include funktion ist besser, da es auch funktioniert, wenn javascript abgeschaltet ist. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
