Benutzer auf deaktiviertes Javascript hinweisen
14.05.2007 - 09:59 JavaScript, Webdesign 4 Kommentar(e)Wer JavaScript in seinen Seiten nutzt, der hat oft das Problem nicht zwingend davon ausgehen zu können das seine Besucher auch wirklich JavaScript in ihrem Webbrowser aktiviert haben.
Eigentlich sollte man seine Seite natürlich möglichst so anlegen, das diese auch mit deaktiviertem JS noch in irgendeiner Form zugänglich ist, eventuell mit Einschränkungen, aber im großen und ganzen sollte JS eben möglichst als “Zusatz” behandelt werden.
Um einen Besucher nun auf diese qualitative Einbuße hinzuweisen ist es üblich dem User eine kurze Meldung dazu auszugeben, damit er bei Notwendigkeit gegebenenfalls Javascript aktivieren kann.
Hier nur eine kurze und simple Möglichkeit eine einfache Message in die Seite zu integrieren, die nur angezeigt wird wenn JavaScript deaktiviert ist…natürlich auf Basis von jQuery
Das HTML:
<div id="jsalert"> Sie benötigen einen Webbrowser mit aktiviertem JavaScript um alle Features dieser Seite nutzen zu können. </div>
Das Div bzw. die Box kann nun natürlich an beliebiger Stelle eingebunden und mit CSS gestylt werden, ist doch klar.
Nun sieht diese Box aber natürlich noch jeder, auch die Personen die eben JavaScript aktiviert haben. Für diese ist die Meldung jedoch nicht zutreffend, also blenden wir diese kurzerhand einfach mittels JavaScript wieder aus.
Das jQuery-JavaScript
$(document).ready(function(){
$('#jsalert').remove();
});
Jetzt wird die Box mit der Warnung von allen JS-fähigen Browsern direkt beim Seitenstart wieder aus dem Quelltext verbannt, alle Browser ohne JavaScript löschen die Box natürlich nicht und geben somit auch den Hinweis aus.
Ganz simpel, ich weis, und auch nicht wirklich neu, ich weis, aber vielleicht für den ein oder anderen doch mal ganz nützlich :-)
Kommentare zum Thema Benutzer auf deaktiviertes Javascript hinweisen:
Oh, stimmt…das gibts ja auch noch. Muss denn nicht immer in Verbindung mit einem JS-Code versehen werden? Wenn ja hätte “meine” Lösung ja dennoch eine Daseinsberechtigung, da ich z.B. mit jQuery eigentlich ja überhaupt keinen JS-Code mehr direkt in den Quelltext schreibe…
Aber manchmal sieht man den Wald vor lauter Bäumen nicht :)
“Muss denn nicht immer in Verbindung mit einem JS-Code versehen werden?”
???
Hätte höchstens eine Darseinsberechtigung weil man < noscript > nicht für jeden
Browser anständig mit CSS formatieren kann.
Kommentar-Feed für diesen Artikel
Kommentarfunktion für diesen Artikel geschlossen.
noscript kam leider nicht an :-) sorry < noscript > ?