allgemeine fragen zu Javascript

in das Bild klicken wäre besser. Danke

Sehr gut, dann braucht man nur classlist.add durch classlist.toggle zu ersetzen:

var tuerchen = document.querySelectorAll(".door");
        for (var i = 0; i < tuerchen.length; i++) {
            tuerchen[i].addEventListener("click", function () {
                now = new Date();
                dayNow = now.getDate();
                month = now.getMonth() + 1;
                dayNow = 19; // nur zum Test
                month = 12; // nur zum Test
                var dayClicked = parseInt(this.children[0].innerHTML);
                if (month == 12 && dayClicked <= dayNow) {
                    this.classList.toggle("open");
                } else {
                    // Hinweis, dass es noch zu frueh fuer dieses Tuerchen ist
                }
            });
        }

Sempervivum

Ich habe es in toogle geändert aber es funktioniert nicht.

ich habe console jetz da. vielleicht deswegen?

var tuerchen = document.querySelectorAll(".door");

for (var i = 0; i < tuerchen.length; i++) {

tuerchen[i].addEventListener("click", function () {

now = new Date();

dayNow = now.getDate();

month = now.getMonth() + 1;

dayNow = 19; // nur zum Test

month = 12; // nur zum Test

var dayClicked = parseInt(this.children[0].innerHTML);

if (month == 12 && dayClicked <= dayNow) {

this.classList.toggle("open");

console.log('month', dayClicked);

this.innerHTML = '<img src="./img/gif' + dayClicked + '.gif" />';

} else {

alert('Hinweis, dass es noch zu frueh fuer dieses Tuerchen ist');

// Hinweis, dass es noch zu frueh fuer dieses Tuerchen ist

}

})

}

basti1012

ja, gehts ohne. habe grad gesehen.

aber mein >Problem ist das Türchen wieder zu schliessen.

Ich habe den Code von sempervivum bekommen aber irgendwas mache ich falsch

Dass es nicht funktioniert, liegt daran, dass Du mit innerHTML den Inhalt der gesamten Box überschrieben hast, so dass er hier:

var dayClicked = parseInt(this.children[0].innerHTML);

den geklickten Tag nicht mehr findet, weil das Element jetzt das Bild ist.

Du musst das Bild in das zweite content-span eintragen, so:

this.children[1].innerHTML = '<img src="./img/gif' + dayClicked + '.gif" />';

border-left: W A S soll geändert werden

border-left-color: W I E soll es geändert werden

edit: das ist ist jetzt nur auf die Fragestellung bezogen. Genaugenommen ist natürlich beides WAS.

Schau mal, hier wird diese Aufgabe diskutiert:

https://stackoverflow.com/ques…nimated-arc-with-pure-css

Es ist aber einfacher und besser verständlich, wenn man es mit jCanvas macht. Dann hat man auch gleich eine API, um es steuern zu können. Vielleicht hast Du meine Circle Timer und die kreisförmige Anzeige gesehen.

Danke Sempervivum

Klasse gemacht, Basti, Respekt! Aber wenn Du fragst, ob es etwas einfacheres gibt, ist meine Antwort klar, dass es mit jCanvas viel einfacher ist, denn dort schreibst Du einfach drawArc() und das Kreissegment ist fertig. Oder mit SVG und d3.js ist es ähnlich.

Hey Leute,

ich habe versucht diese Schnee Animation https://codepen.io/NickyCDK/pen/AIonk

einzufügen und es funktioniert aber dann sind meine Türchen nicht mehr klickbar.

Muss man was in Javascript schreiben?

Da ihr gerade von Kreisse redet.

Ich suche einen einfachen Code wo sich ein Kreis dreht.

Ich wollte bei einen Autobild die Felgen drehen lassen,dazu bräuchte ich was,was mir helfen könnte.

Vielen Dank!

Hallo Draga,

• oder notiere das div#snow ganz am Anfang des body
• oder gib ihm die Eigenschaft pointer-events:none damit es durchlässig für Mausklicks wird.

Hi Sempervivum

beim ersten Tipp geht überhaupt nicht,

und beim zweiten ist dann die Schnee Animation hinter dem Background.

Aber dann sind die Türchen klickbar.

Ich habe so gemacht:

HTML:

<div id="snow">

<div class="durchlässig">

</div>

CSS:

.durchlässig {

pointer-events: none;

}

Hab ich was falsch gemacht?

beim z-index Änderung basti1012 hat es auch leider nicht geklappt.Aber danke für den Tipp