Monatsanzeige

Scripte > Daytime

Bild des Monats mit Jahresanzeige

Ein Script, das den aktuellen Monat im laufendem Jahr als Bild und das Jahr als Text unter dem Bild ausgibt. Der Ausgabetext kann auch weggelassen oder im HTML-Code geändert werden. Die gesamte Gestaltung kann der Homepage in der Datei "style.css" in Größe und farblich angepasst werden. Die Bilddateien liegen im Ordner "monate", die auch ausgetauscht werden können. Wir empfehlen die Bild-Dateinamen beizubehalten, um den Anpassungsaufwand zu ersparen.

ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. HEAD-Code in den HEAD-Bereich <head>....</head>, ONLOAD-Code in den Bodytag <body onload="..."> und HTML-Code in den BODY-Bereich <body>....</body> der aufrufende Datei einfügen.

Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.

Aufruf: "http://www.domain.tld/demo.html". Diese kann aber auch durch einen Doppelklick ausgeführt werden.

x runter geladen

im Jahre

Code für den <HEAD> Bereich

function Obj173() {

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=Obj173.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

</script>

Vor dem </HEAD> Tag

Code für den <BODY> Tag

onLoad="Obj173(

'wsX5Obj/Obj173_0/monate/01.gif','wsX5Obj/Obj173_0/monate/02.gif','wsX5Obj/Obj173_0/monate/03.gif',

'wsX5Obj/Obj173_0/monate/04.gif','wsX5Obj/Obj173_0/monate/05.gif','wsX5Obj/Obj173_0/monate/06.gif',

'wsX5Obj/Obj173_0/monate/07.gif','wsX5Obj/Obj173_0/monate/08.gif','wsX5Obj/Obj173_0/monate/09.gif',

'wsX5Obj/Obj173_0/monate/10.gif','wsX5Obj/Obj173_0/monate/11.gif','wsX5Obj/Obj173_0/monate/12.gif');

BDM();"

Wer nicht mit Website X5 arbeitet:

<body onLoad="Obj173(

'wsX5Obj/Obj173_0/monate/01.gif','wsX5Obj/Obj173_0/monate/02.gif','wsX5Obj/Obj173_0/monate/03.gif',

'wsX5Obj/Obj173_0/monate/04.gif','wsX5Obj/Obj173_0/monate/05.gif','wsX5Obj/Obj173_0/monate/06.gif',

'wsX5Obj/Obj173_0/monate/07.gif','wsX5Obj/Obj173_0/monate/08.gif','wsX5Obj/Obj173_0/monate/09.gif',

'wsX5Obj/Obj173_0/monate/10.gif','wsX5Obj/Obj173_0/monate/11.gif','wsX5Obj/Obj173_0/monate/12.gif');

BDM();">

Innerhalb des <BODY> Tag

Code für den <BODY> Bereich

<img id="MonthImg" src="bild.gif" class="Obj173_img" alt="Bild des Monats" name="MonthImg" /><br>
<span class="Obj173_out">im Jahre

<script>

modDate = document.lastModified
Tag=modDate.slice(3,5);
Monat=modDate.slice(0,2);
Jahr=modDate.slice(6,10);
modDate=Jahr;
document.write(modDate);

</script>

</span>

</div>

Nach dem <BODY> Tag

Code Datei "bdm.js"

var AktDate = new Date();

var AktMonth = (AktDate.getMonth()+1);

function Titeltext (ThisMonthNo) {

var Monat=new Array();

Monat[1]="Januar";
Monat[2]="Februar";
Monat[3]="März";
Monat[4]="April";
Monat[5]="Mai";
Monat[6]="Juni";
Monat[7]="Juli";
Monat[8]="August";
Monat[9]="September";
Monat[10]="Oktober";
Monat[11]="November";
Monat[12]="Dezember";

return Monat[ThisMonthNo];

}

function BDM() {

var Text=Titeltext(AktMonth);
if(AktMonth < 10) {

AktMonth = "0" + AktMonth;

}
document.getElementById("MonthImg").src= "wsX5Obj/Obj173_0/monate/" + AktMonth + ".gif";
document.getElementById("MonthImg").title= Text;

}

Code Datei "style.css"

.Obj173_img { width: 180px; height: 100px; border: 3px solid #AC0000; margin-bottom: -3px; }

.Obj173_out {

font-family: Comic Sans MS,Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
font-size: 24px;
font-weight: bolder;
font-style: normal;
text-align: center;
color: #AC0000;
}

» nach oben «