Bild des Tages mitl else-if und Javascript

W

WildO

Grünschnabel
Das folgende script zeigt an jedem Tag des Monats ein anderes Bild, Ausnahmen in der Weihnachtszeit, zum Jahreswechsel und am Valentinstag:
Javascript: 
function bild()
{
now = new Date();
dow = now.getDay();
day = now.getDate();
mon = now.getMonth() + 1;

if (mon == "2" && day == 14)
{
document.write
('<img title=" Valentinstag " class="bild-l" src="http://www.tutorials.de/images/tag-v.jpg"');
}

else if (mon == "12" && day < 24 && dow == 0)
{
document.write
('<img title=" Adventsgruß " class="bild-l" src="http://www.tutorials.de/images/tag-a.jpg"');
}

else if (mon == "12" && day > 23 && day < 27)
{
document.write
('<img title=" Weihnachtsgruß " class="bild-l" src="http://www.tutorials.de/images/tag-w.jpg"');
}

else if ((mon == "12" && day > 26) || (mon == "01" && day < 7))
{
document.write
('<img title=" Neujahrsgruß " class="bild-l" src="http://www.tutorials.de/images/tag-n.jpg"');
}

else
{
document.write
('<img class="bild-l" title=" Bild des Tages " src="http://www.tutorials.de/images/tag-' + day + '.jpg">');
}

}
Datei zB als bild.js speichern, für die richtige Einbindung in den Quelltext der Startseite von http://www.ihff.de schauen. Die Bilddateien habe ich tag-1.jpg bis tag-31.jpg genannt, Pfad und Namen sind an zu passen. Die Tageszahl wird ein- (1 bis 9) und zweistellig (10 bis 31) verarbeitet. Class (in meinem Beispiel bild-l - weil immer links oben platziert) und title nach Bedarf ändern.

Persönliche Wünsche (Geburts- und Hochzeitstage etc) sind dem Beispiel für den Valentinstag folgend an zu passen.

Viel Erfolg bei der Anwendung dieser einfachen else-if-Abfrage.
 
Zuletzt bearbeitet von einem Moderator:
Persönliche Wünsche (Geburts- und Hochzeitstage etc) sind dem Beispiel für den Valentinstag folgend an zu passen.

Viel Erfolg bei der Anwendung dieser einfachen else-if-Abfrage.
Zum Vergrößern anklicken....

Irgendwie verstehe ich das jetzt nicht.

Hast du ein Problem/eine Frage oder soll von uns jemand den Code deinen Wünschen entsprechend anpassen?
 
Ich hätte zu so etwas ähnlichem mal eine Frage. Und zwar sitze ich gerade an meinen Übungen zu Javascript if und else und die Aufgabe ist eine Glühlampe (img gluehlampe_aus.png) an zuschalten (img gluehlampe_an.png)und auch wieder aus. Wenn sie an ist soll sie per Klick aus gehen und andersherum.

HTML: 
<img id="id_lampe" onclick="lampenSchalter();" src="img/gluehlampe_aus.png" />
Javascript: 
function lampenSchalter(){
	schalteLampeAn();
}

function schalteLampeAn(){
	document.getElementById("id_lampe").src = "img/gluehlampe_an.png";
}

Klick ich das Img Lampe an, geht die Lampe an. Ich hänge nur gerade vor dem Problem das ich nicht weiss wie ich in if ausgelesen bekomme, ob die Lampe nun an oder aus ist. Wenn ich die Id auslese ist die ja immer aus bzw. ich bekomm sowieso undefined zurück.

Im Grunde soll in da in etwa so was stehen, nur leider funtioniert es nicht:


function schalteLampeAn(){
	document.getElementById("id_lampe").src = "img/gluehlampe_an.png";
}

function schalteLampeAus(){
	document.getElementById("id_lampe").src = "img/gluehlampe_aus.png";
}

function lampenSchalter(){
	var an = "img/gluehlampe_an.png";
	var aus = "img/gluehlampe_aus.png";
	if (aus){
	schalteLampeAn();
	} else {
		if (an) {
		schalteLampeAus();
		} else {
		schalteLampeAn();
		}
	}
}

Ich hoffe jemand versteht was ich meine und wo mein Problem liegt und kann mir evtl weiterhelfen :)
 
Zuletzt bearbeitet von einem Moderator:
Hi Lariena



Beim Klick auf die Lampe prüefst du zuerst den aktuellen src des Bildes, ist dies on, wechselst du das Bild zu off, ansonsten wechselst du das Bild zu on.

Hier ein fiddle dazu:
http://jsfiddle.net/NH2Wx/

(Die Bildpfade must du halt wieder mit deinen austauschen :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück