Guten morgen Leute...
Ich habe mehrere Formulare die mit JavaScript validiert werden. Nach Absprache mit meinem Chef haben wir uns darauf geeinigt bei deaktiviertem JS eine Meldung für den User auszugeben
"Bitte aktivieren Sie Ihr JavaScript oder wenden Sie sich an unser Kundencenter."
Um das ganze etwas netter zu gestalten möchte ich ein Modal dafür verwenden.
Dazu habe ich folgendes Snippet verwendet: http://codepen.io/dsheiko/pen/jCcld
Das habe ich mir so weit angepasst, dass bei deaktivierten JS das Modal aufgerufen wird.
Jedoch besteht jetzt das Problem das dieses immer neu geladen wird.
Hier mein Code,
das ist in mein Head-Bereich:
das ist der Container für das Modal
Ich habe bereits herausgefunden:
http-equiv='refresh' steht dafür das deie Seite aktualisiert wird, content='20;....' für die Zeitspanne (20 Sekunden).
Dann gibt es laut W3C für http-equiv noch default-style und content-type, beide aber ungeeignet für mein Vorhaben.
Bin ich mit diesem Ansatz auf dem richtigem Weg oder sollte ich meine Herangehensweise noch einmal überdenken?
Ich habe mehrere Formulare die mit JavaScript validiert werden. Nach Absprache mit meinem Chef haben wir uns darauf geeinigt bei deaktiviertem JS eine Meldung für den User auszugeben
"Bitte aktivieren Sie Ihr JavaScript oder wenden Sie sich an unser Kundencenter."
Um das ganze etwas netter zu gestalten möchte ich ein Modal dafür verwenden.
Dazu habe ich folgendes Snippet verwendet: http://codepen.io/dsheiko/pen/jCcld
Das habe ich mir so weit angepasst, dass bei deaktivierten JS das Modal aufgerufen wird.
Jedoch besteht jetzt das Problem das dieses immer neu geladen wird.
Hier mein Code,
das ist in mein Head-Bereich:
HTML-Code:
<link rel="stylesheet" href="./css/nojs-modal.css"> <noscript> <meta http-equiv="refresh" content="20;url=<?php echo 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF'] . '#about'; ?>" /> </noscript>
HTML-Code:
<div class="modal-js"> <span id="start" class="target"><!-- Hidden anchor to close all modals --></span> <span id="about" class="target"><!-- Hidden anchor to open adjesting modal container--></span> <div class="content vertical-align-middle"> <h2>About</h2> <article>Lorem ipsum</article> <a class="close-btn" href="#start">X</a> </div> </div>
HTML-Code:
<meta http-equiv="refresh" content="20;url=<?php echo 'http://' . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF'] . '#about'; ?>" />
Dann gibt es laut W3C für http-equiv noch default-style und content-type, beide aber ungeeignet für mein Vorhaben.
Bin ich mit diesem Ansatz auf dem richtigem Weg oder sollte ich meine Herangehensweise noch einmal überdenken?
Kommentar