Ja, das hätten wir vielleicht dazusagen sollen. querySelectorAll ersetzt die Auswahl der Elemente über die ID ersatzlos. Damit wählen wir ganz konkret alle a-Tags im Menü aus, die
- nicht in einem
Wow, dieser Codeschnipsel ist total brilliant! Es funktioniert tatsächlich problemlos!
Es wird völlig korrekt auf die Links in der Auflistung angewandt und schließt den letzten aus. Einfach perfekt vielen vielen Dank.
Ganz ehrlich auf dieses Konstrukt wäre ich im Leben nicht gekommen. Wenn ich es jetzt so betrachte, macht es durchaus Sinn aber meine Javascript Kenntnisse wären dafür einfach viel zu schlecht gewesen.
Schön ist auch, dass ich den HTML Teil um die IDs erleichtern konnte.
Vielen Dank auch an Matthes für die ausführliche Erklärung. Macht echt Spaß neue Technologien auszuprobieren und wen zu kennen, der sämtliche Problemlösungen dazu schon intus hat.
//E: @spaete, ich will dir nicht die helfende Hand rausreißen, aber vllt. hast du noch eine Idee bzgl. einer kleinen Optikverbesserung im Quelltext. Wenn nicht ist auch nicht so wild.
Meine Internetseite ist zur Zeit so aufgebaut: <html>
<head></head>
<body>
Bla
</body>
</html>
Der Inhalt von
wird durch mein Javascript angesprochen. Unzwar durch:
document.getElementById("container").innerHTML = new_container_element;
Schicker wäre es wenn mein Quelltext so ausschaut: <html>
<head></head>
<body>Bla</body>
</html>
Ich habe versucht das Javascript so zu verändern, dass der Teil zwischen den Body-Tags angesprochen wird, unzwar mit:
document.getElementById(\'body\').innerHTML = new_container_element;
oder:
getElementsByTagName(\'body\').innerHTML = new_container_element;
Auch wenn ich nicht angesprochen bin, mische ich mal mit.
Damit getElementById funktioniert, müsste der body auch die id="body" haben.
Und getElementsByTagName liefert ein Array zurück.
Der feine Unterschied ist das "s", wenn es Element heißt, bekommst Du ein Ergebnis, wenn es Elements heißt, ein Array mit Ergebnissen.
In dem Fall wäre document.getElementsByTagName(\'body\')[0] richtig.
Jo, Matthes Antwort ist m.E. nichts hinzuzufügen.
Vielen Dank Matthes und spaete, ich werde das morgen direkt einmal testen!
//E: Schade, habe das einmal hier ausprobiert, aber nun macht der Click in die Navi gar nichts mehr.
Apropos neue Webtechniken: Firefox und alle Browser die auf Chrome basieren können nun folgendes CSS:
@media (prefers-color-scheme: dark)
Habe das ganze mal spontan in meine Internetseite gebaut und voilá ... löft. Finde ich ne sehr sehr schöne Idee. Hoffe die Webentwickler springen auf.
Kurz: Es geht darum, dass bei Websitebesuchern, die den Darkmode ihres Betriebsystems aktiviert haben, ein alternatives Stylesheet angeboten bekommen. Ich arbeite den ganzen Tag am PC und freue mich, wenn mir eine Softwre einen Darkmode anbietet. Noch schöner, wenn zukünftig auch die Websites mitspielen. Atm gibt es Browserplugins, die das können, aber eigentlich wollen wir ja keine Internetseiten manipulieren. Mir gefällt die Lösung und wenn sich das schnell etabliert, wird weltweit vllt. etwas Strom gespart.
[quote=Xenotyp]Mir gefällt die Lösung und wenn sich das schnell etabliert, wird weltweit vllt. etwas Strom gespart[/quote]
Von wegen der Schwarze Hintegrund soll mehr Strom verbrauchen und nicht weniger:
www.energiespar-rechner.de/2007/10/24/energie/sparen/sparen-schwarze-webseiten-strom/
Selbst wenn die LEDs keinen Strom sparen, tun es alle anderen und das sind immerhin immernoch 25% aller Bildschirme: www.tecchannel.de/a/dunkle-websites-sparen-strom,1712003
Beitrag erstellen
EinloggenKostenlos registrieren