Javascript - Bitte aktivieren

Rabendoktor · 10. September 2019

Hallo,

als Nutzer von NoScript in Firefox kenne ich den Hinweis "Diese Seite verwendet Javascript - bitte aktivieren" als Nutzer sehr gut - jetzt verwende ich aber auf meiner eigenen Seite http://www.impfpflicht-spahn.de Javascript für z.B. Lightboxes (per Engagebox).

Wie kann ich einstellen, dass beim Besuch der Seite überprüft wird, ob der jeweilige Nutzer JS aktiviert hat bzw. wenn das blockiert wird, darauf hinweisen, dass die Funktion der Seite dann eingeschränkt ist?

Ich muss dazu sagen, dass ich mit JS im Detail überhaupt nicht vertraut bin...

Herzlichen Dank für Eure Hilfe,

Steffen

Indigo66 · 10. September 2019

I.d.R. ist JS standardmäßig in allen Browsern aktiv.
Nur Leute die wissen was sie tun, deaktivieren JS und wissen, dass der Besuch von Webseiten dann Einschränkungen unterworfen sind.

Auf unseren Webseiten nahmen wir da keine Rücksicht. Natürlich heißt das auch, so wenig JS wie möglich und so viel wie nötig.

Rabendoktor · 10. September 2019

Danke Tom, das beruhigt schon mal - gibt es trotzdem eine Möglichkeit, diese Anzeige "bitte aktivieren" zu schalten für die, die's deaktiviert haben?

Herzlich,

Steffen

Robox · 10. September 2019

wenn du unbedingt einen hinweise einblenden möchte dann musst du dein HTML Code anpassen.

Für denn Zweck hat HTML einen eigenen Tag <noscript>

https://www.w3schools.com/tags/tag_noscript.asp

Re:Later · 10. September 2019

Eigentlich gibts dafür den Tag <noscript>

https://www.w3schools.com/TAGs/tag_noscript.asp

Da der aber je nach JavaScript-Sperre des Besuchers nicht mehr verlässlich ist, da paar Blockier-Tools den Tag ebenfalls entfernen (darunter das beliebteste), geht's auch so:

In den html-Tag der index.php eine Klasse jsIsNotActive:

HTML

<html class="jsIsNotActive" ...

Falls <html> schon ein class-Attribut hat, halt die Klasse hinzufügen.

Vor dem schließenden </body> der index.php

PHP

<?php
$isRobot = JFactory::getApplication()->client->robot;

if (!$isRobot)
{ ?>
 <script>jQuery("html").removeClass("jsIsNotActive");</script>

 <div id="noscriptdiv">
  In Ihrem Browser ist JavaScript deaktiviert. Ein paar Features der Seite werden nicht funktionieren.
 </div>
<?php } ?>

Alles anzeigen

Das isRobot-gedöns damit Suchmaschinen den Text nicht auslesen.

In der CSS-Datei:

Code

div#noscriptdiv
{
 display: none;
}

html.jsIsNotActive div#noscriptdiv
{
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: yellow;
  padding: 9px 12px;
  font-weight: bold;
  line-height: 1;
  color: #781212;
  z-index: 5;
  display: block;
  text-align: center;
}

Alles anzeigen

Sollte unten rechts ein gelbes Feld mit rotem Text erscheinen, wenn JS deaktiviert und nur dann, wenn ich keinen Fehler oben eingeschleppt habe, weil ich das bei mir etwas "effizienter" mache, wenn ich es mache und den Code oben kreuz und quer zusammengesammelt habe.

Rabendoktor · 10. September 2019

Super - das klingt genau, wie ich es mir vorstelle.

@ Robox (Wo) baue ich das in die index.php ein? (Entschuldige die blöde Frage, aber ich bin nur Nebenerwerbsnerd...)

Herzlich,

Steffen

Rabendoktor · 10. September 2019

DANKE Re:Later - das hilft sehr!

Das baue ich genau so nach!

Herzliche Grüße,

Steffen

Re:Later · 10. September 2019

Hab den Code gerade noch korrigiert. Doch paar Fehlerchen drinnen

Rabendoktor · 10. September 2019

@ Re:Later: funzt gut - wie bekomme ich die Meldung an den oberen Seitenrand?

DANKE für Deine Hilfe,

herzlich,

Steffen

Rabendoktor · 10. September 2019

Re:Later: grundsätzlich funktioniert das gut, aber:

wenn ich das im CSS mit display: none einstelle wird es gar nicht gezeigt,

stelle ich aber z.B. display: block ein, wird es immer gezeigt, auch wenn ich JS wieder aktiviert habe...

DANKE für die Hilfe,

herzlich,

Steffen

Re:Later · 10. September 2019

statt bottom:0 top:0

Rabendoktor · 10. September 2019

Passt jetzt alles - hatte einen Fehler beim Kopieren gemacht!

DANKE!!! - genau, was ich gesucht habe!

Schönen Nachmittag,

herzlich,

Steffen