javascript - bild per date ändern - Forum

spitfir3

Big d00d

Registered: Oct 2002
Location: .at
Posts: 264

15.09.2006 - 11:08

hi!
also mein wuschn wäre ein script mit dem zu gegebenem zeitpunkt 2 bilder cyclen und zu anderem gegebenen zeitpunkt wieder in die ausgangsstellung gehen..

also zb rotes_kastl.jpg soll um 13:45 mit blaues_kastl.jpg tauschen und um 15:40 soll wieder rotes_kastl.jpg an der stelle sein

was ich in die richtung gfunden hab is das hier:

<script type="text/javascript">
var jetzt = new Date();
var Std = jetzt.getHours();
if (Std >= 5 && Std < 12) {
alert("Guten Morgen!");
} else if (Std >= 12 && Std < 18) {
alert("Guten Tag!");
} else if (Std >= 18 && Std <= 23) {
alert("Guten Abend!");
} else if (Std >= 0 && Std < 5) {
alert("Zeit, ins Bett zu gehen!");
}
</script>

sollte ja mit nem image cyle ähnlich gehn

nur leider hab ich so gut wie gar keine ahnung vom coden

also PLZ HELP!!

tia
fg

dosen

Here to stay

Registered: Feb 2003
Location: Wien
Posts: 5602

15.09.2006 - 11:18

sollen sie zur jeder stunde tauschen oder sind die zeiten so komisch?

spitfir3

Big d00d

Registered: Oct 2002
Location: .at
Posts: 264

15.09.2006 - 11:20

na es sind bestimmte zeiten, nicht nur stündlich

rAmbo0

Bloody Newbie

Registered: May 2006
Location: bbb
Posts: 11

15.09.2006 - 11:40

hm mit js ein bisschen aufwaendig, aber mit php oder ner andereen serverseitigen sprache kein problem.

spitfir3

Big d00d

Registered: Oct 2002
Location: .at
Posts: 264

15.09.2006 - 11:43

naja, bräuchts denk ich in javascript, will ein widget fürs mac osx
das funzt mit ner html datei, und ich glaub nur java
aba wennst so nett wärst, mir das script oda so zu posten..

.dcp

notamodbuthot

Registered: Jul 2002
Location: new
Posts: 8881

15.09.2006 - 11:43

das script oben is eh schon richtig, nur anstatt "alert" musste halt ein bild öffnen und das ganze als function beim laden öffnen <body onload=function()>

also etwa so:

Zitat
<script type="text/javascript">
pic1.src = "pic1.jpg";
pic2.src = "pic2.jpg";
pic3.src = "pic3.jpg";
pic4.src = "pic4.jpg";
function picchange () {
var jetzt = new Date();
var Std = jetzt.getHours();
if (Std >= 5 && Std < 12) {
document.images.src = pic1.src;
} else if (Std >= 12 && Std < 18) {
document.images.src = pic2.src;
} else if (Std >= 18 && Std <= 23) {
document.images.src = pic3.src;
} else if (Std >= 0 && Std < 5) {
document.images.src = pic4.src;
}
}
</script>
[...]
<body onload="picchange()">

keine gewähr auf richtigkeit

habs nich ausprobiert

Bearbeitet von .dcp am 15.09.2006, 11:46 (flüchtigkeitsfehler ausgebessert)

spitfir3

Big d00d

Registered: Oct 2002
Location: .at
Posts: 264

15.09.2006 - 12:19

das script schaut gut aus, nur mit welchem command add ich jetzt das ausgangspic?
mit image src tut sich scriptmäßig nix, das hab ich grad rausgefunden

aber andere idee:
kann ich z.B. 13:40 bis 14:30 als variable festlegen, und dann die variable ansprechen?

.dcp

notamodbuthot

Registered: Jul 2002
Location: new
Posts: 8881

15.09.2006 - 12:29

afaik mit

document.write("<img src=...")

Nightstalker

ctrl+alt+del

Registered: Jan 2002
Location: .^.
Posts: 6663

15.09.2006 - 12:34

edit: blödsinn

das war was andres

Bearbeitet von Nightstalker am 15.09.2006, 12:36

spitfir3

Big d00d

Registered: Oct 2002
Location: .at
Posts: 264

15.09.2006 - 17:52

Zitat von .dcp
afaik mit

document.write("<img src=...")

also das geht nicht, da wird (wenn ausserhalb vom script tag verwendet) nur das img src ausgegeben, und daneben steht "document.write..."
wenn im script tag, funzts gar nicht

.dcp

notamodbuthot

Registered: Jul 2002
Location: new
Posts: 8881

15.09.2006 - 18:07

ich bin mir sicher dass es damit geht, sons muss man nämlich das bild per html einbinden und dann mit js austauschen, aber afaik gehts mit document.write()

mal mit ' statt " versuchen und src="document.images.src"

also document.write('<img src="document.images.src">')

spitfir3

Big d00d

Registered: Oct 2002
Location: .at
Posts: 264

15.09.2006 - 18:15

Zitat von .dcp
ich bin mir sicher dass es damit geht, sons muss man nämlich das bild per html einbinden und dann mit js austauschen, aber afaik gehts mit document.write()

mal mit ' statt " versuchen und src="document.images.src"

also document.write('<img src="document.images.src">')

geht weder so noch so

.dcp

notamodbuthot

Registered: Jul 2002
Location: new
Posts: 8881

15.09.2006 - 18:25

jo, bin auch bissl doof, warum einfach wenns auch umständlich geht

hier:

Zitat
<script type="text/javascript">
function picchange () {
var jetzt = new Date();
var Std = jetzt.getHours();
if (Std >= 5 && Std < 12) {
document.write('<IMG SRC="test1.jpg">');
} else if (Std >= 12 && Std < 18) {
document.write('<IMG SRC="test2.jpg">');
} else if (Std >= 18 && Std <= 23) {
document.write('<IMG SRC="test3.jpg">');
} else if (Std >= 0 && Std < 5) {
document.write('<IMG SRC="test4.jpg">');
}
}
</script>
<body onload="picchange()">

rettich

Legend
waffle, waffle!

Registered: Jan 2004
Location: wien
Posts: 794

15.09.2006 - 19:10

Zitat von .dcp
<body onload="picchange()">

genau und dazu noch ein http-refresh auf 60 sekunden, fertig.

spitfir3

Big d00d

Registered: Oct 2002
Location: .at
Posts: 264

16.09.2006 - 12:15

danke, funzt!
hätt jetzt nur mehr 3 anliegen

1. sollten minuten invkludiert sein, also wie gesagt 13:40 - 14:30 oder sonstiges

und

2. sollten tage inkludiert sein, also montag 13.40-14.30 usw

und

3. wie kann ich das jetzt in den html body einbinden? also mitten in eine seite z.B
<body onload geht ja nur am anfang....

hoff du/ihr könnts ma da noch weiter helfen
danke auf jeden fall bis jetzt

Bearbeitet von spitfir3 am 16.09.2006, 12:46

spitfir3 Big d00d Registered: Oct 2002 Location: .at Posts: 264	15.09.2006 - 11:08 hi! also mein wuschn wäre ein script mit dem zu gegebenem zeitpunkt 2 bilder cyclen und zu anderem gegebenen zeitpunkt wieder in die ausgangsstellung gehen.. also zb rotes_kastl.jpg soll um 13:45 mit blaues_kastl.jpg tauschen und um 15:40 soll wieder rotes_kastl.jpg an der stelle sein was ich in die richtung gfunden hab is das hier: <script type="text/javascript"> var jetzt = new Date(); var Std = jetzt.getHours(); if (Std >= 5 && Std < 12) { alert("Guten Morgen!"); } else if (Std >= 12 && Std < 18) { alert("Guten Tag!"); } else if (Std >= 18 && Std <= 23) { alert("Guten Abend!"); } else if (Std >= 0 && Std < 5) { alert("Zeit, ins Bett zu gehen!"); } </script> sollte ja mit nem image cyle ähnlich gehn nur leider hab ich so gut wie gar keine ahnung vom coden also PLZ HELP!! tia fg
dosen Here to stay Registered: Feb 2003 Location: Wien Posts: 5602	15.09.2006 - 11:18 sollen sie zur jeder stunde tauschen oder sind die zeiten so komisch?
spitfir3 Big d00d Registered: Oct 2002 Location: .at Posts: 264	15.09.2006 - 11:20 na es sind bestimmte zeiten, nicht nur stündlich
rAmbo0 Bloody Newbie Registered: May 2006 Location: bbb Posts: 11	15.09.2006 - 11:40 hm mit js ein bisschen aufwaendig, aber mit php oder ner andereen serverseitigen sprache kein problem.
spitfir3 Big d00d Registered: Oct 2002 Location: .at Posts: 264	15.09.2006 - 11:43 naja, bräuchts denk ich in javascript, will ein widget fürs mac osx das funzt mit ner html datei, und ich glaub nur java aba wennst so nett wärst, mir das script oda so zu posten..
.dcp notamodbuthot Registered: Jul 2002 Location: new Posts: 8881	15.09.2006 - 11:43 das script oben is eh schon richtig, nur anstatt "alert" musste halt ein bild öffnen und das ganze als function beim laden öffnen <body onload=function()> also etwa so: Zitat <script type="text/javascript"> pic1.src = "pic1.jpg"; pic2.src = "pic2.jpg"; pic3.src = "pic3.jpg"; pic4.src = "pic4.jpg"; function picchange () { var jetzt = new Date(); var Std = jetzt.getHours(); if (Std >= 5 && Std < 12) { document.images.src = pic1.src; } else if (Std >= 12 && Std < 18) { document.images.src = pic2.src; } else if (Std >= 18 && Std <= 23) { document.images.src = pic3.src; } else if (Std >= 0 && Std < 5) { document.images.src = pic4.src; } } </script> [...] <body onload="picchange()"> keine gewähr auf richtigkeit habs nich ausprobiert Bearbeitet von .dcp am 15.09.2006, 11:46 (flüchtigkeitsfehler ausgebessert)
spitfir3 Big d00d Registered: Oct 2002 Location: .at Posts: 264	15.09.2006 - 12:19 das script schaut gut aus, nur mit welchem command add ich jetzt das ausgangspic? mit image src tut sich scriptmäßig nix, das hab ich grad rausgefunden aber andere idee: kann ich z.B. 13:40 bis 14:30 als variable festlegen, und dann die variable ansprechen?
.dcp notamodbuthot Registered: Jul 2002 Location: new Posts: 8881	15.09.2006 - 12:29 afaik mit document.write("<img src=...")
Nightstalker ctrl+alt+del Registered: Jan 2002 Location: .^. Posts: 6663	15.09.2006 - 12:34 edit: blödsinn das war was andres Bearbeitet von Nightstalker am 15.09.2006, 12:36
spitfir3 Big d00d Registered: Oct 2002 Location: .at Posts: 264	15.09.2006 - 17:52 Zitat von .dcp afaik mit document.write("<img src=...") also das geht nicht, da wird (wenn ausserhalb vom script tag verwendet) nur das img src ausgegeben, und daneben steht "document.write..." wenn im script tag, funzts gar nicht
.dcp notamodbuthot Registered: Jul 2002 Location: new Posts: 8881	15.09.2006 - 18:07 ich bin mir sicher dass es damit geht, sons muss man nämlich das bild per html einbinden und dann mit js austauschen, aber afaik gehts mit document.write() mal mit ' statt " versuchen und src="document.images.src" also document.write('<img src="document.images.src">')
spitfir3 Big d00d Registered: Oct 2002 Location: .at Posts: 264	15.09.2006 - 18:15 Zitat von .dcp ich bin mir sicher dass es damit geht, sons muss man nämlich das bild per html einbinden und dann mit js austauschen, aber afaik gehts mit document.write() mal mit ' statt " versuchen und src="document.images.src" also document.write('<img src="document.images.src">') geht weder so noch so
.dcp notamodbuthot Registered: Jul 2002 Location: new Posts: 8881	15.09.2006 - 18:25 jo, bin auch bissl doof, warum einfach wenns auch umständlich geht hier: Zitat <script type="text/javascript"> function picchange () { var jetzt = new Date(); var Std = jetzt.getHours(); if (Std >= 5 && Std < 12) { document.write('<IMG SRC="test1.jpg">'); } else if (Std >= 12 && Std < 18) { document.write('<IMG SRC="test2.jpg">'); } else if (Std >= 18 && Std <= 23) { document.write('<IMG SRC="test3.jpg">'); } else if (Std >= 0 && Std < 5) { document.write('<IMG SRC="test4.jpg">'); } } </script> <body onload="picchange()">
rettich Legend waffle, waffle! Registered: Jan 2004 Location: wien Posts: 794	15.09.2006 - 19:10 Zitat von .dcp <body onload="picchange()"> genau und dazu noch ein http-refresh auf 60 sekunden, fertig.
spitfir3 Big d00d Registered: Oct 2002 Location: .at Posts: 264	16.09.2006 - 12:15 danke, funzt! hätt jetzt nur mehr 3 anliegen 1. sollten minuten invkludiert sein, also wie gesagt 13:40 - 14:30 oder sonstiges und 2. sollten tage inkludiert sein, also montag 13.40-14.30 usw und 3. wie kann ich das jetzt in den html body einbinden? also mitten in eine seite z.B <body onload geht ja nur am anfang.... hoff du/ihr könnts ma da noch weiter helfen danke auf jeden fall bis jetzt Bearbeitet von spitfir3 am 16.09.2006, 12:46

javascript - bild per date ändern

Forum Index > Software > Coding Stuff

spitfir3

dosen

spitfir3

rAmbo0

spitfir3

.dcp

spitfir3

.dcp

Nightstalker

spitfir3

.dcp

spitfir3

.dcp

rettich

spitfir3