Wochentagsabhängiger Bildwechsel
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
adresse
bekanntenkreis
bild
code
date
dienstag
editor
endung
freitag
freundin
klappen
lade
montag
ordner
schriftliche ausgabe
stehen
tag
uhr
vorgabe
wochentag
-
Hi!
Also ich w?rde auf meiner HP gerne ein tag/bild">Bild haben, dass an jedem Wochentag ein anderes Bild anzeigt. Ich habe auch von einer Freundin ein Script bekommen, das aber nicht funktioniert...
<SCRIPT language=JavaScript>
now=new Date();
day=now.getDay();
document.write("<IMG SRC='http://www.ADRESSE" + day" + ".gif' WIDTH=150 HEIGHT=80
ALT='Image al?atoire'>");
</SCRIPT>
Wir wissen leider nicht, woran es liegt, aber der Editor, den ich benutze, m?chte da irgendwo noch ne ")" stehen haben... Ich w?re sehr froh, wenn mir da jemand helfen k?nnte, den Code zu berichtigen oder mir einen funktionierenden Code zu zeigen. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Machs doch mit PHP:
<?php $tag = date("l"); echo "<img src=\"$tag.gif\">"; ?>
Dabei wird der Tag ausgeschrieben (in Englisch). Also Monday, Tuesday, Wednesday... -
Ne, also ne Schriftliche Ausgabe brauch ich nicht (auf den Bildern steht schon immer der Wochentag und ne seperate Datumsanzeige hab ich auch)... Au?erdem wei? ich nicht, ob PHP auch geht... Geht das nicht irgendwie anders?
-
Hallo
<SCRIPT language=JavaScript>
now=new Date();
day=now.getDay();
document.write("<IMG SRC='http://www.ADRESSE/"+ day" + ".gif' WIDTH=150 HEIGHT=80
ALT='Image al?atoire'>");
</script>
Ich habe es zwar noch nicht ausprobiert aber folgenes m?sste anders gemacht werden.
document.write("<IMG SRC='www.ADRESSE/" + day + ".gif' WIDTH=150 HEIGHT=80 ALT='Image al?atoire'>");
Jens -
Hallo
Also das unten in ne Datei mit Endung .html .
Dann die Bilder in eine Unterordner "bilder". Die Bilder haben den Namen wie z.B. 1.gif
Zeig doch mal deine Seite die nicht geht.
<HTML>
<SCRIPT language=JavaScript>
now=new Date();
day=now.getDay();
document.write("Lade:"+ day + ".gif");
document.write("<IMG SRC='bilder/" + day + ".gif' WIDTH=150 HEIGHT=80 ALT='Image al?atoire'>");
</script>
</html>
P.S. www.ADRESSE habe ich deshalb hingeschreiben weil sonst das ";" aus irgendwelchen Gr?nden auch immer eingebaut wird. Aber das "http://..." muss nat?rlich trozdem davor stehen.
Jens -
Also im Moment funktioniert es, nachdem ich meine Ordner deiner Vorgabe angepasst habe. Die Seite sieht nun so aus:
<head>
<link rel="stylesheet" type="text/css" href="Style.css">
<style>
<!--
body{background-color: transparent}
--></style>
</head>
<SCRIPT language=JavaScript>
now=new Date();
day=now.getDay();
document.write("Lade:"+ day + ".gif");
document.write("<IMG SRC='bilder/" + day + ".gif' WIDTH=150 HEIGHT=80 ALT='Image al?atoire'>");
</script>
<div align="left" style="position:absolute; left:100; top:45; width=100%"><script language="JavaScript">
<!--
var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Wochentag = Jetzt.getDay();
Wochentagname = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
var Monat = Jetzt.getMonth();
Monatsname = new Array ("1","2","3","4","5","6","7","8","9","10","11","12");
var Jahr = Jetzt.getYear();
if (Jahr<=1900)
Jahr=Jahr+1900;
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var NachVoll = ((Minuten < 10) ? ":0" : ":");
document.write("<font ='1'> " + Wochentagname[Wochentag] + "<br>" + Tag + "." + Monatsname[Monat] + "." + Jahr + "");
// -->
</script></div>
<body onload="DigitalTime()"">
<div align="left" style="position:absolute; left:90; top:65; width=100%">
<span id="liveclock"
style="position:absolute;left:10px;top:10px;"><script language="JavaScript"><!--
function DigitalTime()
{
if(!document.layers && !document.all)
return
var DigitalClock = new Date();
var hours = DigitalClock.getHours();
var minutes = DigitalClock.getMinutes();
var seconds = DigitalClock.getSeconds();
if (minutes <= 9)
minutes = "0" + minutes;
if (seconds <= 9)
seconds = "0" + seconds;
//change font size here to your desire
digclock = "" +
"" +
hours + ":" + minutes + ":" + seconds + " Uhr";
if (document.layers)
{
document.layers.liveclock.document.write(digclock);
document.layers.liveclock.document.close();
}
else if (document.all)
liveclock.innerHTML = digclock;
setTimeout("DigitalTime()",1000)
}
// --></script></span>
</div>
Allerdings w?re es sch?n, wenn ich die Wochentagsgrafiken in ihrem Ordner (Grafiken/Wochentagsbilder) lassen k?nnte und sie auch ihre Namen behalten w?rden (Montag.gif, Dienstag.gif, etc). Kann man das noch irgendwie ?ndern? Und au?erdem wird jetzt auch "Lade:5.gif" ausgegeben, was mir ?berhauptnicht ins Design passt... ^^" -
Hallo
Na sehr viel HTML kannst du wirklich nicht. :-))
Aber ich habe das ganze mal nach deinen W?nschen angepasst.
Das m?sste jetzt auch bei dir gehen. Achte aber drauf das die Bilder dann wirklich gross geschrieben werden (z.B. Freitag.gif).
Bei Windows ist das egal aber wenn du es auf Lima stellst ist es nicht ganz egal.
P.S. Die Uhr k?nnte man auch noch verschieben.
Jens
<head>
<link rel="stylesheet" type="text/css" href="Style.css">
<style>
<!--
body{background-color: transparent}
--></style>
</head>
<SCRIPT language=JavaScript>
<!--
var Jetzt = new Date();
var Tag = Jetzt.getDate();
var Wochentag = Jetzt.getDay();
var Wochentagname = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
now=new Date();
day=now.getDay();
document.write("<IMG SRC='Grafiken/Wochentagsbilder/" + Wochentagname[day] + ".gif' WIDTH=150 HEIGHT=80 ALT='Wochentag'>");
// -->
</script>
<div align="left" style="position:absolute; left:100; top:45; width=100%">
<script language="JavaScript">
<!--
var Monat = Jetzt.getMonth();
Monatsname = new Array ("1","2","3","4","5","6","7","8","9","10","11","12");
var Jahr = Jetzt.getYear();
if (Jahr<=1900)
Jahr=Jahr+1900;
var Stunden = Jetzt.getHours();
var Minuten = Jetzt.getMinutes();
var NachVoll = ((Minuten < 10) ? ":0" : ":");
document.write("<font ='1'> " + Wochentagname[Wochentag] + "<br>" + Tag + "." + Monatsname[Monat] + "." + Jahr + "");
// -->
</script></div>
<body onload="DigitalTime()"">
<div align="left" style="position:absolute; left:90; top:70; width=100%">
<span id="liveclock"
style="position:absolute;left:10px;top:10px;"><script language="JavaScript"><!--
function DigitalTime()
{
if(!document.layers && !document.all)
return
var DigitalClock = new Date();
var hours = DigitalClock.getHours();
var minutes = DigitalClock.getMinutes();
var seconds = DigitalClock.getSeconds();
if (minutes <= 9)
minutes = "0" + minutes;
if (seconds <= 9)
seconds = "0" + seconds;
//change font size here to your desire
digclock = "" +
"" +
hours + ":" + minutes + ":" + seconds + " Uhr";
if (document.layers)
{
document.layers.liveclock.document.write(digclock);
document.layers.liveclock.document.close();
}
else if (document.all)
liveclock.innerHTML = digclock;
setTimeout("DigitalTime()",1000)
}
// --></script></span>
</div> -
Aua!
Was soll denn das bitte hei?en "Na sehr viel HTML kannst du wirklich nicht"??? >-< Ich versteh mehr davon als die meisten aus meinen Bekanntenkreis... Programmieren kann ich wirklich nicht, aber HTML...
Was hast du denn da jetzt warum ver?ndert (damit ich besser HTML kann)???
Und die Uhr ist schon gut so, hab sie ja extra so hingefummelt... -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
