tag:forum.selfhtml.org,2005:/self Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen – SELFHTML-Forum 2020-12-01T15:02:07Z https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778591#m1778591 Severus 2020-11-30T03:06:54Z 2020-11-30T06:48:44Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>Hallo,</p> <p>für mein Webprojekt möchte ich gerne ein weihnachtliches Doodle, das das Standardlogo zwischen dem 1.12, 0 Uhr, und dem 27.12, 0 Uhr ersetzt. Das geht wohl mit Javascript, oder?</p> <p>Wenn ich diese Idee fortsetze, könnte ich auch mein Silvester-Doodle (zw. dem 31.12, 0 Uhr, und dem 2.1, 0 Uhr) einbauen.</p> <p>In der Programmabfolge sollte also wie folgt sein</p> <ol> <li>ist die aktuelle Zeit zwischen dem gesetzten Rahmen (1.-26.12.) ?<br> -> wenn ja: zeige HTML1 (Weihnachtslogo)<br> -> wenn nicht, weiter</li> <li>ist die aktuelle Zeit zwischen dem gesetzten Rahmen (31.12-1.1.)<br> -> wenn ja: zeige HTML2 (Silvesterlogo)<br> -> wenn nicht, weiter</li> <li>ergo ist es keine der beiden Bedingungen<br> -> zeige HTML0 (Standardlogo)</li> </ol> <p>Idealerweise lädt der Browser von den 3 HTML-Codes nur das, was gerade gebraucht wird. Was ich meine: Wenn das Standardlogo gebraucht wird, weil weder der 1.-26., noch der 31.-1. ist, dann braucht er ja die trafficverursachenden Grafiken aus HTML1 und 2 gar nicht laden.</p> <p>Hat ein Forenmitglied vielleicht eine Idee, mit welchem Code ich sowas löse?</p> <p>Lieben Gruße Severus</p> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778592#m1778592 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-11-30T06:26:55Z 2020-11-30T06:31:29Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>@@Severus</p> <blockquote> <p>für mein Webprojekt möchte ich gerne ein weihnachtliches Doodle, das das Standardlogo zwischen dem 1.12, 0 Uhr, und dem 27.12, 0 Uhr ersetzt. Das geht wohl mit Javascript, oder?</p> </blockquote> <p>Wenn du damit Node.js im Sinn hast, ja.</p> <blockquote> <p>Idealerweise lädt der Browser von den 3 HTML-Codes nur das, was gerade gebraucht wird. Was ich meine: Wenn das Standardlogo gebraucht wird, weil weder der 1.-26., noch der 31.-1. ist, dann braucht er ja die trafficverursachenden Grafiken aus HTML1 und 2 gar nicht laden.</p> </blockquote> <p>Eben. Du willst das Markup serverseitig generieren. Üblicherweise ist dafür PHP das Mittel der Wahl. <a href="https://www.php.net/manual/de/function.getdate.php" rel="nofollow noopener noreferrer"><code>getdate()</code></a> und <code>if</code>, <code>elseif</code>, <code>else</code> in der <a href="https://www.php.net/manual/de/control-structures.alternative-syntax.php" rel="nofollow noopener noreferrer">alternativen Syntax</a> sind die Zutaten.</p> <pre><code class="block language-php"><span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token variable">$currentDate</span> <span class="token operator">=</span> <span class="token function">getdate</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token variable">$bedingung1</span><span class="token punctuation">)</span><span class="token punctuation">:</span> <span class="token delimiter important">?></span></span> <span class="token comment"><!-- HTML1 (Weihnachtslogo) --></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">elseif</span> <span class="token punctuation">(</span><span class="token variable">$bedingung2</span><span class="token punctuation">)</span><span class="token punctuation">:</span> <span class="token delimiter important">?></span></span> <span class="token comment"><!-- HTML2 (Silvesterlogo) --></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">else</span><span class="token punctuation">:</span> <span class="token delimiter important">?></span></span> <span class="token comment"><!-- HTML0 (Standardlogo) --></span> <span class="token php language-php"><span class="token delimiter important"><?php</span> <span class="token keyword">endif</span><span class="token punctuation">;</span> <span class="token delimiter important">?></span></span> </code></pre> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778593#m1778593 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-11-30T06:46:47Z 2020-11-30T06:52:27Z Blue Beanie Day <p>@@Severus</p> <blockquote> <p>für mein Webprojekt möchte ich gerne ein weihnachtliches Doodle, das das Standardlogo zwischen dem 1.12, 0 Uhr, und dem 27.12, 0 Uhr ersetzt.</p> </blockquote> <p>SELFHTML setzt genau das wohl auch ein. Oder ist da jemand heute früh aufgestanden und hat dem Logo die <a href="https://de.wikipedia.org/wiki/Blue_Beanie_Day" rel="nofollow noopener noreferrer">blaue Mütze</a> aufgesetzt?</p> <p>Sollte das beim <a href="https://twitter.com/selfhtml" rel="nofollow noopener noreferrer">Twitter-Account</a> nicht auch so sein, <a href="/users/2" class="mention registered-user" rel="noopener noreferrer">@Matthias Apsel</a>?</p> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778602#m1778602 JürgenB https://www.j-berkemeier.de 2020-11-30T08:43:39Z 2020-11-30T08:43:39Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>Hallo,</p> <p>das geht auch mit Javascript, aber</p> <ul> <li>der Fall „Javascript läuft nicht“ muss behandelt werden, z.B. mit einem Default-Code.</li> <li>wer in den Quelltext blickt, sieht was kommt und was war.</li> </ul> <p>Ich habe das mal für einen Aprilscherz gemacht, da war es nicht schlimm, war eh nur digitales Ungeziefer.</p> <p>@Severus<br> Welche Technik steht dir zur Verfügung. Welche Technik beherrscht du? Wie sind deine Randbedingungen?</p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778595#m1778595 Matthias Apsel matthias.apsel@selfhtml.org https://brückentage.info 2020-11-30T07:12:04Z 2020-11-30T07:12:04Z Blue Beanie Day <p>Hallo Gunnar Bittersmann,</p> <blockquote> <p>SELFHTML setzt genau das wohl auch ein. Oder ist da jemand heute früh aufgestanden und hat dem Logo die <a href="https://de.wikipedia.org/wiki/Blue_Beanie_Day" rel="nofollow noopener noreferrer">blaue Mütze</a> aufgesetzt?</p> </blockquote> <p>Natürlich nicht . Nur im Blog läuft es nicht automatisiert.</p> <blockquote> <p>Sollte das beim <a href="https://twitter.com/selfhtml" rel="nofollow noopener noreferrer">Twitter-Account</a> nicht auch so sein, <a href="/users/2" class="mention registered-user" rel="noopener noreferrer">@Matthias Apsel</a>?</p> </blockquote> <p>Gerne.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778603#m1778603 Christian Kruse https://wwwtech.de/ 2020-11-30T08:45:56Z 2020-11-30T08:45:56Z Blue Beanie Day <p>Hallo Gunnar,</p> <p>deine Grafik ist übrigens im Chrome kaputt:</p> <p><a href="/images/738a83bc-32e8-11eb-b147-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/738a83bc-32e8-11eb-b147-b42e9947ef30.png?size=medium" alt="" loading="lazy"></a></p> <p>Freundliche Grüße,<br> Christian Kruse</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778606#m1778606 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-11-30T09:10:14Z 2020-11-30T09:10:14Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>@@JürgenB</p> <blockquote> <p>das geht auch mit Javascript, aber</p> </blockquote> <p>… das ist aufwendiger. Man kann ja nicht einfach alle Bilder ins Markup packen und deren Sichtbarkeit umschalten, sondern muss eins davon mit JS ins DOM tun.</p> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778634#m1778634 Severus 2020-11-30T17:38:48Z 2020-11-30T17:38:48Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>Es handelt sich um ein Forum mit der Software XenForo. PHP kann man ohne Probleme in den Quelltext schreiben. Ich kenne mich jedoch nicht wirklich mit PHP aus.</p> <p>Bzgl JS-Alternative: Wer JS deaktiviert hat, sollte natürlich trotzdem das Standardlogo sehen. Dass man das im Quellcode sieht, ist halb so schlimm. Es ist ja einfach nur ein lustiges Gimmick, kein Geheimnis :)</p> <p>Den PHP Code oben habe ich nicht so wirklich verstanden, da PHP-Tags laufend geöffnet und geschlossen werden. Kann man das nicht auch in einen PHP-Tag schreiben?</p> <p>Und was wäre der Code zu den Variablen bedingung1 und 2?</p> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778681#m1778681 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-12-01T13:28:41Z 2020-12-01T13:28:41Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>@@JürgenB</p> <blockquote> <ul> <li>der Fall „Javascript läuft nicht“ muss behandelt werden, z.B. mit einem Default-Code.</li> </ul> </blockquote> <p>Du dachstest an <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>noscript</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">…</span><span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>noscript</span><span class="token punctuation">></span></span></code>?</p> <p>Das Default-Bild wird bei „JavaScript nicht unterstützt/deaktiviert“ angezeigt. Es gibt noch andere Gründe für „Javascript läuft nicht“.</p> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778605#m1778605 Rolf B 2020-11-30T09:10:09Z 2020-11-30T09:10:09Z Blue Beanie Day <p>Hallo Christian,</p> <p>ich hatte mich schon gewundert, von welcher Mütze Gunnar da redet...</p> <p>Nicht dass ich Blue Beanie erklärt bekommen müsste (den Begriff - die Inhalte vielleicht schon )</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778608#m1778608 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-11-30T09:29:02Z 2020-11-30T10:18:45Z Blue Beanie Day <p>@@Christian Kruse</p> <blockquote> <p>deine Grafik</p> </blockquote> <p>Meine? Hm, hab ich die mal erstellt? Weiß nicht mehr.</p> <blockquote> <p>ist übrigens im Chrome kaputt:</p> </blockquote> <p>Hm, als Hintergrundbild eingebundene <a href="https://forum.selfhtml.org/images/selfhtml-forum-blue-beanie-83525a7f936cf1f30c90e83f2e9fc7cb.svg?vsn=d" rel="noopener noreferrer">SVG-Grafik</a>.<sup class="footnote-ref"><a href="#fn1" id="fnref1">[1]</a></sup> Wenn man die direkt aufruft, ist die Mütze da.</p> <p>Ist da vielleicht nicht die Grafik kaputt, sondern Chrome?</p> <p>Besser gesagt: Chromium. Edge ist auch betroffen. Safari aber ebensowenig wie Firefox.</p> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> <hr class="footnotes-sep"> <section class="footnotes"> <ol class="footnotes-list"> <li id="fn1" class="footnote-item"><p>Jaja, ich weiß, ein <a href="https://forum.selfhtml.org/self/2018/aug/23/icon-png-mit-transperenten-hintergrund-mittels-css-faerben/1729880#m1729880" rel="noopener noreferrer">redundantes Akronym</a>. <a href="#fnref1" class="footnote-backref">↩︎</a></p> </li> </ol> </section> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778607#m1778607 Der Martin 2020-11-30T09:19:30Z 2020-11-30T09:19:30Z Blue Beanie Day <p>Hallo,</p> <blockquote> <p>ich hatte mich schon gewundert, von welcher Mütze Gunnar da redet...</p> <p>Nicht dass ich Blue Beanie erklärt bekommen müsste (den Begriff - die Inhalte vielleicht schon )</p> </blockquote> <p>naja, <a href="https://en.wikipedia.org/wiki/Blue_Beanie_Day" rel="nofollow noopener noreferrer">was dahintersteckt</a>, ist mir schon latent bekannt. Unklar ist mir allerdings, wie jemand auf die Idee kommen konnte, diese Mützen <em>Beanie</em> (also Böhnchen) zu nennen.</p> <p>Live long and <s>pros</s> healthy,<br>  Martin</p> <div class="signature">-- <br> Früher war ich klein und dumm. Inzwischen hat sich so manches geändert. Ich bin größer geworden. </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778674#m1778674 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-12-01T13:12:08Z 2020-12-01T13:12:08Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>@@Gunnar Bittersmann</p> <blockquote> <p>Man kann ja nicht einfach alle Bilder ins Markup packen und deren Sichtbarkeit umschalten, sondern muss eins davon mit JS ins DOM tun.</p> </blockquote> <p>Man kann ein <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>data:<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">/></span></span></code>-Element ins Markup packen und die Werte der <code>src</code>- und <code>alt</code>-Attribute mit JavaScript ändern: <a href="https://codepen.io/gunnarbittersmann/pen/bGwdmWK" rel="noopener noreferrer">Beispiel</a>.</p> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778609#m1778609 Christian Kruse https://wwwtech.de/ 2020-11-30T09:42:17Z 2020-11-30T09:42:17Z Blue Beanie Day <p>Hallo Gunnar,</p> <blockquote> <blockquote> <p>deine Grafik</p> </blockquote> <p>Meine? Hm, hab ich die mal erstellt? Weiß nicht mehr.</p> </blockquote> <p>Ja, hast du </p> <blockquote> <p>Wenn man die direkt aufruft, ist die Mütze da.</p> </blockquote> <p>Ja, ist mir heute morgen auch aufgefallen. Früher[tm] ging das auch im Chrome, ich hatte das damals geprüft. Aber ich hatte noch keine Zeit da mal genauer drauf zu schauen.</p> <p>Freundliche Grüße,<br> Christian Kruse</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778610#m1778610 Rolf B 2020-11-30T09:42:33Z 2020-11-30T09:42:33Z Blue Beanie Day <p>Hallo Gunnar,</p> <p>könnte ein Cache <em>hatschi</em> gewesen sein - das Böhnchen ist bei mir jetzt auch in Chrome sichtbar. Oder irgendwer hat noch irgendwas gehext.</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778611#m1778611 Rolf B 2020-11-30T09:45:15Z 2020-11-30T09:45:15Z Blue Beanie Day <p>Hallo Rolf,</p> <p>update: Ich habe das Forum inkognito in Chrome aufgerufen: Keine Mütze. Strg+F5 - immer noch keine Mütze. SVG-Link direkt aufgerufen: Mit Mütze. Zurück zum Forum: Mütze ist da?!</p> <p>Was zum grundgütigen Geier?</p> <p><em>Rolf</em></p> <div class="signature">-- <br> sumpsi - posui - obstruxi </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778613#m1778613 Christian Kruse https://wwwtech.de/ 2020-11-30T09:54:50Z 2020-11-30T09:54:50Z Blue Beanie Day <p>Hallo Rolf,</p> <blockquote> <p>update: Ich habe das Forum inkognito in Chrome aufgerufen: Keine Mütze. Strg+F5 - immer noch keine Mütze. SVG-Link direkt aufgerufen: Mit Mütze. Zurück zum Forum: Mütze ist da?!</p> </blockquote> <p>Hehe, kann ich bestätigen. Lustig.</p> <p>Freundliche Grüße,<br> Christian Kruse</p> <div class="signature">-- <br> <a href="https://wwwtech.de/about" rel="noopener noreferrer">https://wwwtech.de/about</a> </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778639#m1778639 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-11-30T18:12:22Z 2020-11-30T18:12:22Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>@@Severus</p> <blockquote> <p>Den PHP Code oben habe ich nicht so wirklich verstanden, da PHP-Tags laufend geöffnet und geschlossen werden. Kann man das nicht auch in einen PHP-Tag schreiben?</p> </blockquote> <p>Das wäre nicht ratsam.</p> <blockquote> <p>Und was wäre der Code zu den Variablen bedingung1 und 2?</p> </blockquote> <p>Wie du in der Dokumentation zu <code class="language-php"><span class="token function">getDate</span><span class="token punctuation">(</span><span class="token punctuation">)</span></code> lesen kannst, gibt das ein assoziatives Array zurück. Wenn du das in der Variablen <code class="language-php"><span class="token variable">$currentDate</span></code> speicherst, dann hast du in <code class="language-php"><span class="token variable">$currentDate</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'mon'</span><span class="token punctuation">]</span></code> den Monat (1—12) und in <code class="language-php"><span class="token variable">$currentDate</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'mday'</span><span class="token punctuation">]</span></code> den Tag.</p> <p>Das mit <a href="https://www.php.net/manual/de/language.operators.logical.php" rel="nofollow noopener noreferrer">logischen Operatoren</a> verknüpft:</p> <pre><code class="block language-php"><span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token variable">$currentDate</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'mon'</span><span class="token punctuation">]</span> <span class="token operator">==</span> <span class="token number">12</span> <span class="token operator">&&</span> <span class="token variable">$currentDate</span><span class="token punctuation">[</span><span class="token string single-quoted-string">'mday'</span><span class="token punctuation">]</span> <span class="token operator"><=</span> <span class="token number">26</span><span class="token punctuation">)</span> </code></pre> <p>Silvester solltest du jetzt allein hinbekommen.</p> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778661#m1778661 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-12-01T08:08:57Z 2020-12-01T08:08:57Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>@@Gunnar Bittersmann</p> <blockquote> <p>Silvester solltest du jetzt allein hinbekommen.</p> </blockquote> <p>Tip: Für Neujahr in der <a href="https://www.php.net/manual/de/function.getdate.php" rel="nofollow noopener noreferrer">Dokumentation</a> nachschauen, was dieses assoziative Array noch so bietet.</p> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778678#m1778678 JürgenB https://www.j-berkemeier.de 2020-12-01T13:26:22Z 2020-12-01T13:26:22Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>Hallo Gunnar,</p> <blockquote> <p>Man kann ein <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>data:<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">/></span></span></code>-Element ins Markup packen und die Werte der <code>src</code>- und <code>alt</code>-Attribute mit JavaScript ändern: <a href="https://codepen.io/gunnarbittersmann/pen/bGwdmWK" rel="noopener noreferrer">Beispiel</a>.</p> </blockquote> <p>und mit <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>default.svg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Logo o.Ä.<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span></code> hat man den Fall „kein Javascript“ auch noch abgedeckt.</p> <p>Aber Severus scheint eine andere Lösung gefunden zu haben. Wenn ich so etwas wie „… mit welchem Code …“ lese, halte ich mich mit Codevorschlägen erst mal zurück und warte, ob Rückfragen kommen.</p> <p>Gruß<br> Jürgen</p> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778682#m1778682 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2020-12-01T13:30:35Z 2020-12-01T13:30:35Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>@@JürgenB</p> <blockquote> <blockquote> <p>Man kann ein <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>data:<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">/></span></span></code>-Element ins Markup packen und die Werte der <code>src</code>- und <code>alt</code>-Attribute mit JavaScript ändern: <a href="https://codepen.io/gunnarbittersmann/pen/bGwdmWK" rel="noopener noreferrer">Beispiel</a>.</p> </blockquote> <p>und mit <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>default.svg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Logo o.Ä.<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span></code> hat man den Fall „kein Javascript“ auch noch abgedeckt.</p> </blockquote> <p>Meh! Dann lädt man völlig umsonst eine Ressouce, die man einen Moment später durch eine andere ersetzt. Das sollte man vermeiden.</p> <p> LLAP</p> <div class="signature">-- <br> Wenn der Faschismus wiederkehrt, wird er nicht sagen: „Hallo, ich bin der Faschismus.“ Er wird sagen: „Hört auf zu zählen! Ich habe gewonnen!“ </div> https://forum.selfhtml.org/self/2020/nov/30/fur-eine-gewisse-zeitspanne-mit-hilfe-von-js-html-code-durch-anderen-html-code-ersetzen/1778710#m1778710 JürgenB https://www.j-berkemeier.de 2020-12-01T15:02:07Z 2020-12-01T15:02:07Z Für eine gewisse Zeitspanne mit Hilfe von JS HTML-Code durch anderen HTML-Code ersetzen <p>Hallo Gunnar,</p> <blockquote> <blockquote> <blockquote> <p>Man kann ein <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>data:<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token punctuation">"</span></span><span class="token punctuation">/></span></span></code>-Element ins Markup packen und die Werte der <code>src</code>- und <code>alt</code>-Attribute mit JavaScript ändern: <a href="https://codepen.io/gunnarbittersmann/pen/bGwdmWK" rel="noopener noreferrer">Beispiel</a>.</p> </blockquote> <p>und mit <code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>default.svg<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Logo o.Ä.<span class="token punctuation">"</span></span><span class="token punctuation">/></span></span></code> hat man den Fall „kein Javascript“ auch noch abgedeckt.</p> </blockquote> <p>Meh! Dann lädt man völlig umsonst eine Ressouce, die man einen Moment später durch eine andere ersetzt. Das sollte man vermeiden.</p> </blockquote> <p>ja, aber wie den Fall „kein Javascript“ abdecken? <code><noscript></code> wäre eine Option, aber was, wenn Javasript aktiviert ist, aber nicht geladen wird?</p> <p>Andererseits kann man den Fall „kein Javascript“ genauso behandeln, wie ein nicht geladenes Bild: das Feld bleibt leer bzw. man sieht den alt-Text. Wahrscheinlich ist <code><noscript></code> mit Default-Bild die bessere Lösung.</p> <p>Gruß<br> Jürgen</p>