Automatisk opdatering af billede på webside

function Start() {
document.getElementById("spyCam").src = "grafik/webCam/ispy.jpg"
setTimeout("Start()", 1000)
}
Start();

...
<img src="grafik/webCam/ispy.jpg" id="spyCam">

ups...(window.onload=function(){Start();}; // for at dom er klar)


function Start() {
document.getElementById("spyCam").src = "./icon.png"
setTimeout("Start()", 1000)
}
window.onload=function(){Start();};
...
<img src="grafik/webCam/ispy.jpg" id="spyCam">

Du kan også bruge:

function Start() {
document.images.spyCam.src = "./icon.png"
setTimeout("Start()", 1000)
}
window.onload=function(){Start();};
...
<img src="grafik/webCam/ispy.jpg" id="spyCam">

hov, ret lige ./icon.png til grafik/webCam/ispy.jpg
(det var et test billede som jeg brugte)

Hej mclemens

Nej - den metode gør ingen ændring - det vises stadig ikke i fierfox, men derimod i explora. Hvis du vil se mit grimme fjæs, kan du selc checke her:
http://www.guldhammer.dk/webcam.asp

Uhm, kigger lige - det ser ikke så skidt ud ... Nu koder jeg også selv xhtml og ved at Firefox understøtter xhtml men at IE ikke gør ... ved ikke om vi er inde i et problem der - forstået på den måde at script sectionen ikke er escaped som cddata og evt. om det select ikke virker i xhtml men tester lige lidt ... En test mulighed kunne være at lægge det ud som her:

<script type="text/javascript" src="jsfilnavn.js></script>


og så en fil med navnet jsfilnavn.js:
function Start() {
document.getElementById("spyCam").src = "./icon.png"
setTimeout("Start()", 1000)
}
window.onload=function(){Start();};



... men tester også lige selv ...

Hov, det virker her hos mig i firefox nu :o)

Hmm, jeg havde åbnet to tabs vinduer og så virkede det
- men ikke med en tab åben, pudsigt - undskyld "hurra"´et ...

Jeg gemmer lige din side med webcam'et på ned localt og tester ...

Ok - jeg store fjols. Jeg havde ikke brugt id attributten, men name attributten i min IMG-tag - men det virker nu - tak for det - point er på vej :-)

Ok, det forklarer det med at den pludselig synes at virke :o)
Tak for pointene - og nej, du er ikke et fjols ... det er
bare sent og så kan man let overse sådan en smutter :o)


(IE forstår ikke hoved og hale på name og id og
har det document.all som du bruger med det her
der gør at man bliver forvirret document.spyCam.src
((http://www.eksperten.dk/spm/726722#rid6385765 )))


... Du kan hive fat i et element med:
document.getElementById("idsomerpaaelementet").src
document.getElementsByName("namesomerpaaelementet")[0].src


... og så er der document.getElementsByTagname("img")[5].src ... men den er lidt mere besværlig end de andre da den varierer afhængig af antallet af billeder og rækkefølgen af billeder m.v.)

window.onload=function(){Start();};

kan forresten godt rettes tilbage til

Start();

det var mere hvis du havde script sectionen
oppe i head delen elelr gjorde det her:



<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="jsfilnavn.js></script>
</head>

og så slettede script sectionen nede i bunden på siden og lavde denne fil istedet:



jsfilnavn.js
function Start() {
document.getElementById("spyCam").src = "./icon.png"
setTimeout("Start()", 1000)
}
window.onload=function(){Start();};

... Jeg overser også ting :o)

- heri blandt den src jeg bliver ved med at bruge
(./icon.png -> grafik/webCam/ispy.jpg )

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.guldhammer.dk%2Fwebcam.asp
ret "SCRIPT" til "script" og slet: language="JavaScript"

... så ordner type fejlen sig selv - ellers så prøv 21/08-2006 01:17:17 med
flytning af scriptet til ekstern fil og flytning og ændring af script tagget ... altså kun, hvis du ikke kan sove :D (når man har et w3c validator logo er det rart at den er "fejlfri" ...

Ja det er sent - og ja - valideringen skal være i orden - jeg er lige ved at lave den side - så jeg har ikke fået den valideret endnu ! - Tak for din hjælp.

Velbekom, lige det sidste p.s.: Din side kører html og ikke xhtml - hvis
xhtml'en skal parses som xhtml skal den leveres med en bestem mimetype
se evt. dette link for asp content negotiation:

http://www.456bereastreet.com/archive/200408/content_negotiation/

... Men vent til du har rettet fejlen / fejlene - xhtml må iflg. reglerne ikke have en fejl (hvis det leveres som xhtml med rigtig mime-type vil 1 fejl give fejl på hele siden - det er så den ulempe der er ved "korrekt leveret" xhtml)

( http://www.eksperten.dk/spm/719030#rid6329210 )

(må hellere sige, at jeg selv kører xhtml 1.1, så det
ikke lyder, som et angreb på det - at køre xhtml...)

<ole>

mclemens >> Skriver du sådan:
    document.getElementById("idsomerpaaelementet").src
    document.getElementsByName("namesomerpaaelementet")[0].src

- falder browseren tilbage på HTML-parseren, da der er tale om HTML-DOM.
Hvis koden skal behandles af XML-parseren (ægte XHTML), skal du bruge 'setAttribute'  ;o)

/mvh
</bole>

Ok, takker Ole :)
... så ved jeg hvorfor
man skal bruge setAttribute :o)
(  document.getElementById("spyCam").setAttribute("src","grafik/webCam/ispy.jpg");  )

-- i øvrigt er brugen af function i funktionstildelingen normalt overflødig:

window.onload = Start;

(21/08-2006 01:17:17 window.onload=function(){Start();};

kan forresten godt rettes tilbage til

Start();

det var mere hvis du havde script sectionen
oppe i head delen elelr gjorde det her: )

Forstod hvad du mente nu Roenving :o)

( var på vej ud af døren før og læste det som window.onload var unødvendigt,
men du mente jo function(){x();}; som du tydeligt skrev og viste :) )