Delphi-PRAXiS - JavaScript/CSS: Nur einen bestimmten Block anzeigen

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)

- Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)

- - JavaScript/CSS: Nur einen bestimmten Block anzeigen (https://www.delphipraxis.net/205514-javascript-css-nur-einen-bestimmten-block-anzeigen.html)

JavaScript/CSS: Nur einen bestimmten Block anzeigen

Angenommen, ich habe folgendes HTML-Dokument:

Code:

			<html>

<body>

    <div id="outer">

        Outer div

        <div id="inner">Inner div</div>

    </div>

</body>

</html>

Wie kann ich erreichen dass

Der Content von "outer" nicht sichtbar ist
Aber der Content von "inner" hingegen schon
"inner" so platziert wird dass es sich über den gesamten Bildschirm erstreckt

Punkt 1 und 2 scheint man auf einfachem Wege erreichen zu können dass man im CSS für "outer" setzt "visibility:hidden" und für "inner" dann wieder "visibility:visible". Jetzt muss ich nur noch herausfinden wie man das über JavaScript statt der Browser-Konsole bewerkstelligen kann...

AW: JavaScript/CSS: Nur einen bestimmten Block anzeigen

Mit meinen bescheidenen JS Fähigkeiten vielleicht folgendes:

Code:

document.getElementById("outer").style.visibility = ...

Bis bald...
Thomas

AW: JavaScript/CSS: Nur einen bestimmten Block anzeigen

Nicht nur vielleicht. Danke schonmal!

Zu meiner dritten Frage: Ich glaube hier komme ich mit "position: absolute" für den div-Block ans Ziel.

AW: JavaScript/CSS: Nur einen bestimmten Block anzeigen

Ich möchte hier noch ein paar allgemeine Anmerkungen anfügen, vielleicht sind sie für Mitlesende eine Hilfe.

Kurz nach der Jahrtausendwende habe ich mal Versuche mit HTML, CSS und PHP als Backend gemacht. Bedingt durch Eigenheiten bei der Umsetzung von Standards durch einzelne Browser, war das eher eine ernüchternde Erfahrung. Obwohl sich durch die Konzentration bei den Browser Engines und HTML 5 vieles verbessert hat, gibt es immer noch Inkonsistenzen. Um den Aufwand gering zu halten, setze ich daher lieber auf ein etabliertes CSS-Framework bei der Entwicklung einer Webapplikation.

Für die Entwicklung des Frontends gefällt mir

Bulma als reines CSS-Framework sehr gut.

Bootstrap wird auch oft empfohlen. Wenn UI Komponenten gefordert werden, würde ich mal einen Blick auf

Buefy (Bulma + Vue) werfen.

Für den Server nehme ich mORMot. Mit Hilfe der Klasse

TMVCApplication lässt sich eine MVC/MVVM web application einfach bauen. Dank

TDocVariant, der

Mustache template engine und der besonderen Verwendung von

Interfaces lässt sich damit hervorragend arbeiten.

Als Proxy-Server verwende ich

Caddy. Die Konfiguration des Servers ist viel einfach als alles, was ich vorher ausprobiert habe. Die Konfiguration über das Caddyfile löst die Abhängigkeiten zu anderen Einstellungen automatisch immer in Richtung Sicherheit auf.

Interessant ist auch die Entwicklung von TMS WEB Core. Mit der neuen Version 1.5 Rimini kann man WEB Core gut mit einem CSS-Framework verbinden, wie Flick/Eißing im

Webinar gezeigt haben.

Bis bald...
Thomas

AW: JavaScript/CSS: Nur einen bestimmten Block anzeigen

Zu dem was Du unten schreibt kann ich nur zustimmen.

Aber hier erweckst Du ein bischen den Eindruck wir wären noch in den Nuller Jahren:

Zitat:

Zitat von mytbo (Beitrag 1473920)

Obwohl sich durch die Konzentration bei den Browser Engines und HTML 5 vieles verbessert hat, gibt es immer noch Inkonsistenzen.

Aus meiner Sicht ist HTML5/JS/CSS schon seit ein paar Jahren nahezu perfekt, und kann heute fast Alles abdecken was vorher nur im Desktop möglich war.
Größere Probleme sehe ich kaum, und mit dem Wegfall von IE11 ist da nochmal ein richtiger Schub reingekommen.

Bleibt man beim Standard-HTML/CSS und Standard-Libraries hat man so gut wie keine Probleme, und für mögliche Abweichungen gibt es immer gute Workarounds.