display:block mit Javascript setzen

nepf

Ich möchte meinen Blog mit einem fensterfüllenden DIV-Container bedecken - als Begrüßungsbildschrim.
Mit klick und dem Scriptaculous Effect.Fade wird der dann ausgeblendet.

Nur: Browser OHNE Javascript kriegen das Ding natürlich nicht weg.

Meine Idee:
Der DIV wird im css auf display:none gesetzt und erst beim Laden der Seite mit Hilfe eines keinen Javascripts auf display:block gesetzt. Dann müsste es doch so sein, dass Browser ohne Javascript den Begrüßungsildschirm eben nicht sehen und die anderen (das sind ja mehr als 90%) den Efekt haben.

Meine Frage:
Wie sieht so ein Javascript aus, das display:none beim Laden der Seite mit display:block übeschreibt?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Söan

Du verwendest die Scriptaculous Bibliothek, oder? Damit kenne ich mich leider nicht aus, aber mit jQuery könnte man das ganz einfach umsetzen.

nepf

wie könnte man das denn mit jQuery umsetzen?

Söan

Also ich bin auch noch neu bei jQuery aber ich denke folgendes müsste funktionieren.

Code

<script type="text/javascript">
$(document).ready(function() {
    $("#gruss").css("display", "block"); 
});
</script>

Wenn die Seite fertig geladen wurde bekommt das div mit der id "gruss" die CSS-Anweisung display: block;

nepf

danke, das guck ich mir an.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

display:block mit Javascript setzen

Jetzt mitmachen!