Ohne Frames nur ein Bild neu Laden

scooter · 03.04.2006, 15:43

Also auf www.hdjtev.de/index.php ist ein immer aktuelles Webcam Bild zu sehen (Intervall 10 sek.) Nun möchte ich aber, dass man den aktualisierungsintervall einstellen kann als client und auch wirklich nur das Bild selbst aktualisiert wird. Wie mach ich das, sicher per JS, oder?!

Zergling-new · 03.04.2006, 16:51

http://de.selfhtml.org/javascript/objekte/images.htm
http://de.selfhtml.org/javascript/ob...m#set_interval

scooter · 04.04.2006, 22:36

Laso ich bin jetzt so weit...

Code:

<script type="text/javascript">
var aktiv = window.setInterval("changebild()", 20000);
window.setInterval("schleife()", 1000);
var count = 20;
function changebild() {
	document.images[0].src = "cam.jpg";
	}
	
function stopintervall() {
	window.clearInterval(aktiv);
	}

function schleife() {
if(count > 0) {
	ausgabe = 'Neues Bild in [b]'+ count +'<\/b> Sekunden';
	count--;
	document.counter.sekunden.value = +ausgabe+ ;
}
else
{
	var count = 20;

</script>

ich möchte gleichzeitig noch ne kleine Anzeige haben wo angezeigt wird, wann die nächste aktualisierung kommt und nen button um den Reload zu stoppen bzw. ihn zu stoppen wenn das Fenster inaktiv wird. Nur leider funst 0... Jmd ne Lösung?!Fehlermeldung: syntax error hinter:
document.counter.sekunden.value = +ausgabe+ ;
Achso noch ne Meldung:
stopintervall is not defined

Alles zu finden auf www.hdjtev.de/index.php

Zergling-new · 04.04.2006, 22:49

Zitat:

document.counter.sekunden.value = +ausgabe+ ;

Was soll dieser Teil auch?

+ ist entweder der normale Plus-Operator oder bei JavaScript auch der String-Verkettungs-Operator. Ich sehe aber keinen String vor und nach der Variable "ausgabe". Somit kannst du sie auch weglassen (bzw. musst es).

Außerdem fehlt die schließende Klammer für den else-Block und HTML-Code kannst du in ein <input>-Feld auch nicht schreiben.

Dazu kannst du dir
http://de.selfhtml.org/javascript/ob...htm#inner_html
im Zusammenhang mit <div>-Layern ja mal anschauen.

scooter · 04.04.2006, 22:51

Also der sinn ist folgender:
document is klar
counter ist eine Form im document mit selbigen namen
sekunden ist ein bestimmtes hidden inputfeld in der form mit value=""
value ist auch klar

Zergling-new · 04.04.2006, 22:54

Es fehlt sogar noch die schließende Klammer der Funktion. Bitte keinen schlampig abkopierten Code hier posten, sonst verbessern wir den obwohl er in echt stimmt.

Ich versteh ehrlich gesagt nicht was du machen willst, warum schreibst du Code in ein hidden-Feld?

scooter · 04.04.2006, 22:59

Naja.. so ein Beispiel bei de,selfhatml.org

Naja schlecht kopiert stimmt nur bediengt

selbst gebastelt (als absoluter JS noob) und denn innerhalb des Dokuments bissle kopiert... jetzt stimmt es soweit und es gibt auch keine fehlermeldungen mehr nur gibt er in dem textfeld leider nichts aus, egal ob hidden oder text...

Code:

<body style="background-image:url(bilder/hintergrund/4.jpg); background-repeat:no-repeat; background-position:right" onblur="stopintervall()">
<script type="text/javascript">
var aktiv = window.setInterval("changebild()", 20000);
window.setInterval("schleife()", 1000);
var count = 20;
function changebild() {
	document.images[0].src = "cam.jpg";
	}
	
function stopintervall() {
	window.clearInterval(aktiv);
	}

function schleife() {
if(count > 0) {
	ausgabe = 'Neues Bild in '+ count +' Sekunden';
	count--;
	document.counter.sekunden.value = ausgabe ;
}
else
{
	var count = 20;
}
}

</script>



  <input name="stopload" type="button" onclick="stopintervall()" value="Bild laden stoppen!" />

  <form name="counter" action="">
  <input type="text" size="20" name="sekunden" value="" />
  </form>

Kann das so überhaupt funktionieren?!

Zergling-new · 05.04.2006, 00:06

Ich bin auch nicht gleich auf den bzw. die Fehler gekommen:
Es kann natürlich nicht funktionieren!

Denn du musst zuerst die Funktionen deklarieren und kannst sie danach erst durch setInterval() anstossen.

Dann musst du noch das "var " vor "var count = 20;" entfernen.
Das "var" gehört dort nicht hin, denn du willst ja die globale Variable "count" ändern, und nicht eine neue funktions-beschränkte Variable.
Offenbar wird dadurch die Variable "count" komplett zur funktions-eigenen Variable (noch bevor du sie überhaupt zu dieser machst, also schon im if-Block), die du nur im else-Block definierst (aber dann ist die Funktion beendet und der Wert wird verworfen und das Spiel geht von neuem los).

scooter · 05.04.2006, 13:18

Habe es jetzt wie folgt:

Code:

<body style="background-image:url(bilder/hintergrund/4.jpg); background-repeat:no-repeat; background-position:right" onblur="stopintervall()">
<script type="text/javascript">

var count = 20;
function changebild() {
	document.images[0].src = "cam.jpg";
	}
	
function stopintervall() {
	window.clearInterval(aktiv);
	}



var aktiv = window.setInterval("changebild()", 20000);

</script>



<script language="javascript">
function schleife() {
if(count > 0) {
	ausgabe = 'Neues Bild in [b]'+ count +'<\/b> Sekunden';
	count--;
	document.counter.sekunden.value.InnerHTML = ausgabe ;
}
else
{
	count = 20;
}
}
window.setInterval("schleife()", 1000);
</script>

Also es gibt keine Fehlermeldungen mehr, nur im Textfeld ist alles leer...

Zergling-new · 05.04.2006, 13:41

Warum hängst du einfach innerHTML (auch noch falsch geschrieben) an dein Formular-Value dran? innerHTML ist eine Alternative zur nachträglichen Textanzeige in einem Formular-Feld.
Lies dir doch mal den Link den ich gepostet habe durch

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
2. Bild laden ohne die seite neu zu laden	andrew22	HTML, Usability und Barrierefreiheit	3	21.10.2006 23:37
2 Frames laden im Firefox	Smiley	HTML, Usability und Barrierefreiheit	4	15.11.2005 21:26
Bild aus einer Datenbank laden	Unknown	PHP Tipps 2005-2	5	26.09.2005 01:38
[Erledigt] Bild aus Datei in Bild einfügen		PHP Tipps 2005-2	1	07.08.2005 23:36
[PHP«Image] Bild in ein anderes Bild einsetzen		PHP Tipps 2005-2	4	07.08.2005 19:39
Mehere Frames gleichzeitig laden & Rollover		HTML, Usability und Barrierefreiheit	3	07.07.2005 15:46
[Erledigt] Bild von anderer Webseite laden und auf eigenem Webspace...		PHP Tipps 2005-2	5	09.06.2005 22:56
Frames oder keine Frames?		PHP Tipps 2005	1	19.05.2005 12:28
[Erledigt] Bild neu laden.		HTML, Usability und Barrierefreiheit	1	08.02.2005 21:59
selbe seite mit neuem bild laden		PHP Tipps 2004-2	4	15.12.2004 13:21
select onclick bild laden	Ohrwurm83	HTML, Usability und Barrierefreiheit	10	14.08.2004 20:29
Bild laden		HTML, Usability und Barrierefreiheit	2	23.07.2004 17:02
Bild größe hat prob mit umbenennung.	JEGO	PHP Tipps 2004	1	08.07.2004 16:30
[Erledigt] Bild per php laden		PHP Tipps 2004	3	30.06.2004 16:08

03.04.2006, 15:43
scooter Erfahrener Benutzer Registriert seit: 23.05.2005 Beiträge: 374	Ohne Frames nur ein Bild neu Laden Also auf www.hdjtev.de/index.php ist ein immer aktuelles Webcam Bild zu sehen (Intervall 10 sek.) Nun möchte ich aber, dass man den aktualisierungsintervall einstellen kann als client und auch wirklich nur das Bild selbst aktualisiert wird. Wie mach ich das, sicher per JS, oder?! __________________ Life is Life and life is hard


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.04.2006, 16:51
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	http://de.selfhtml.org/javascript/objekte/images.htm http://de.selfhtml.org/javascript/ob...m#set_interval

04.04.2006, 22:36
scooter Erfahrener Benutzer Registriert seit: 23.05.2005 Beiträge: 374	Laso ich bin jetzt so weit... Code: <script type="text/javascript"> var aktiv = window.setInterval("changebild()", 20000); window.setInterval("schleife()", 1000); var count = 20; function changebild() { document.images[0].src = "cam.jpg"; } function stopintervall() { window.clearInterval(aktiv); } function schleife() { if(count > 0) { ausgabe = 'Neues Bild in [b]'+ count +'<\/b> Sekunden'; count--; document.counter.sekunden.value = +ausgabe+ ; } else { var count = 20; </script> ich möchte gleichzeitig noch ne kleine Anzeige haben wo angezeigt wird, wann die nächste aktualisierung kommt und nen button um den Reload zu stoppen bzw. ihn zu stoppen wenn das Fenster inaktiv wird. Nur leider funst 0... Jmd ne Lösung?!Fehlermeldung: syntax error hinter: document.counter.sekunden.value = +ausgabe+ ; Achso noch ne Meldung: stopintervall is not defined Alles zu finden auf www.hdjtev.de/index.php __________________ Life is Life and life is hard

04.04.2006, 22:51
scooter Erfahrener Benutzer Registriert seit: 23.05.2005 Beiträge: 374	Also der sinn ist folgender: document is klar counter ist eine Form im document mit selbigen namen sekunden ist ein bestimmtes hidden inputfeld in der form mit value="" value ist auch klar __________________ Life is Life and life is hard

04.04.2006, 22:54
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Es fehlt sogar noch die schließende Klammer der Funktion. Bitte keinen schlampig abkopierten Code hier posten, sonst verbessern wir den obwohl er in echt stimmt. Ich versteh ehrlich gesagt nicht was du machen willst, warum schreibst du Code in ein hidden-Feld?

05.04.2006, 00:06
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Ich bin auch nicht gleich auf den bzw. die Fehler gekommen: Es kann natürlich nicht funktionieren! Denn du musst zuerst die Funktionen deklarieren und kannst sie danach erst durch setInterval() anstossen. Dann musst du noch das "var " vor "var count = 20;" entfernen. Das "var" gehört dort nicht hin, denn du willst ja die globale Variable "count" ändern, und nicht eine neue funktions-beschränkte Variable. Offenbar wird dadurch die Variable "count" komplett zur funktions-eigenen Variable (noch bevor du sie überhaupt zu dieser machst, also schon im if-Block), die du nur im else-Block definierst (aber dann ist die Funktion beendet und der Wert wird verworfen und das Spiel geht von neuem los).

05.04.2006, 13:41
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Warum hängst du einfach innerHTML (auch noch falsch geschrieben) an dein Formular-Value dran? innerHTML ist eine Alternative zur nachträglichen Textanzeige in einem Formular-Feld. Lies dir doch mal den Link den ich gepostet habe durch