Tutorials
[ Zurück ]


Dezente Aufforderung JS zu aktivieren


Ihr habt sicherlich ein paar Funktionen auf eurer Homepage die nur mit aktiviertem JavaScript laufen. Doch nicht jeder User hat JavaScript aktiviert. Es gibt aber eine Möglichkeit, den User dezent aufzufordern JavaScript zu aktivieren um die Features eurer Homepage voll nutzen zu können.

Das ganze sieht folgendermaßen aus:

1. Schritt:

In den Headbereich (<head> </head>)muss folgende eingefügt werden
<script type="text/javascript">
function andereAntwort () {
  var Textknoten = document.createTextNode("Java Script ist aktiviert, die Seite kann voll und ganz genutzt werden.");
  document.getElementById("z3").replaceChild(Textknoten, document.getElementById("z3").firstChild);
}
</script>
Der Text "Java Script ist aktiviert, die Seite kann voll und ganz genutzt werden." kann nach belieben umgeändert werden. Dieser Text wird bei aktiviertem JS ausgeworfen.


2. Schritt:

Im Bodytag (<body>) muss folgendes hinzugefügt werden
<body onload="andereAntwort()">
Mit diesem Zusatz wird die Funktion geladen die wir in Punkt 1 definiert haben.


3. Schritt:

Nun definieren wir den Text, der bei deaktiviertem JS ausgeworfen wird
<table style="border:none;"><tr><td id="z3">Sie haben Java Script nicht aktiviert. Um die Seite voll nutzen zu können, muss Java Script aktiviert sein, bitte aktivieren sie Java Script.</td></tr></table>
Wichtig dabei ist das "id="z3", damit wird die JS Funktion ausgeführt. Der Text "Sie haben Java Script nicht aktiviert. Um die Seite voll nutzen zu können, muss Java Script aktiviert sein, bitte aktivieren sie Java Script." kann ebenfalls nach belieben abgeändert werden.


Funktionsweise:

Es wird standartmäßig der Text für deaktiviertes JS ausgeworfen. Hat der Besucher JS deaktiviert, wird er darauf hingewiesen dass eure HP nur mit aktiviertem JS voll und ganz nutzbar ist. Hat er allerdings JS bereits aktiviert, wird die Funktion ausgeführt und ersetzt den Text mit "Java Script ist aktiviert, die Seite kann voll und ganz genutzt werden."

Wie das ganze dann auf eurer Seite funktioniert, könnt ihr hier auf meiner Homepage sehen: (Anm: Ich habe diese Funktion zusammen mit dieser hier aus einem anderen Tutorial kombiniert:  http://www.cwcity.de/tutorials/view/83-Browser-von-Besuchern-mittels-PHP-auslesen  )  http://melonenfans.cwsurf.de.

Noch Fragen? Einfach eine cwmail an mich oder in die Comments posten, danke!





Erstellt:25.04.09 19:46
Autor: melonenfans

Letzte Änderung:
Geändert von:

Bewertungen:5
Bewertung: 3.8

Freigeschaltet: Ja
Views 4582

Klicke einfach auf einen Stern!
Wollen Sie wirklich das Tutorial löschen?
Wollen Sie wirklich dieses Tutorial zulassen?
Betreff: Report tutorial [id = 84] !
Absender:
Kommentar:
Wollen Sie wirklich dieses Tutorial zulassen?
Absender:
Kommentar:
Folgende User sind hier gerade aktiv:
-

ANZEIGE