Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

MainAngler · 05.04.2009

Wie ist es möglich einen Hinweis einzublenden - wie man ihn auf Seiten kennt - das Javascript benötigt wird um die Seite korrekt darzustellen?:uhm:

Ich finde dazu nicht bei Google.

Brauche das weil das Countdown-Script welches ich eingebunden habe nur mit JavaScript funktioniert.

sokie · 05.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

Das könntest du zB über ein Div machen, das die CSS eigenschaft display:block hat, und das gleich beim laden per Javascript ausgeblendet wird (el.style.display = "none"). wo kein javascript zur Verfügung steht wird es angezeigt, wo doch, da wird es nicht angezeigt.

MainAngler · 05.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

Nun habe ich ja garkeine Ahnung von JS..... wo soll ich denn genau welchen Code einfügen?:uhm:
Es muss ja irgendwie unterschieden ob der User JS aktiviert hat oder nicht.

sokie · 05.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="language" content="de" />
<script type="text/javascript">
window.onload = function(){
   var el = document.getElementById("jsHinweis");
   el.style.display = "none";
}
</script>
<title></title>
</head>

<body>
<div id="jsHinweis">
  <h3 style="color: red;">Diese Seite ben&ouml;tigt Javascript um korrekt angezeigt zu werden</h3>
</div>
</body>
</html>

hier mal ein Beispiel.
Da wird eben per javascript der div ausgeblendet. bei deaktivierten js wird der eben angezeigt.

edit: ps: in den Bereich känntest du auch einfach deinen ganzen Timer setzen, und die Sache umgekehrt angehen.

Herr_D · 05.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

ähm *hust* Eine Javascriptlösung anzubieten bei Leuten, die kein Javascript haben?

<noscript>
Inhalt der angezeigt wird, wenn es kein Javascript gibt
</noscript>

Stil mit Stil :: CSS und XHTML :: HTML-Tag: <noscript>

sokie · 05.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

ja, sicher, nur dass der Ausgabebereich hier nicht ein <script> bereich ist. somit würde in dem Beispiel des Timers <span> auch der nicht-funktionierende Teil angezeigt.

MainAngler · 05.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

Danke, ich schaue mir das mal an.

Edit:
Habe mir sokie's Lösung einmal angeschaut, funktioniert.

sokie schrieb:
in den Bereich känntest du auch einfach deinen ganzen Timer setzen, und die Sache umgekehrt angehen.

In welchen Bereich meinst du?:uhm:

sokie · 06.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

den Bereich in dem der Timer und der umgebende Text angezeigt wird. wenn Javascript deaktiviert ist, wird dort ja trotzdem der (nun stehende) timer angezeigt. Da kann man den Bereich von Anfang an zB per display:none ausblenden, und per Javascript zB per display:block einblenden. In diesem Fall würde der Timer überhaupt nur dann angezeigt, wenn Javascript aktiviert ist.

Code:

<head>
  <script type="text/javascript">
     window.onload = function(){
        document.getElementById("jsBereich").style.display = "block";
     }
  </script>
</head>
<body>
  <div id="jsBereich" style="display:none";>
     hier steht alles was zum Timer gehört
  </div>
</body>

MainAngler · 06.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

Danke, funktioniert super.

Allerdings ist es bei mir jetzt so, dass trotz aktiviertem Javascript der Hinweis "Sie benötigen Java...." erscheint.:uhm:
Wie bekomme ich den - bei aktiviertem Java - jetzt weg?

Code:

<script type="text/javascript">
     window.onload = function(){
        document.getElementById("jsBereich").style.display = "block";
     }
  </script>
</head>
<body>
  <style type="text/css">
#countdown1 {color: black; width: 300px; height 40px; border: 1px solid black}
</style>
</head>
<body bgcolor="#FFFFFF" text="#001C66">
<font size="+2" face="verdana,arial,helvetica,sans-serif">
<img src="/spicons/baustelle.gif" alt="Baustelle"/>
Hier entsteht eine neue Internetpr&auml;senz !
<div id="jsBereich" style="display:none";>
   <script type="text/javascript" src="http://xxx.de/countdown.js" defer="defer"></script>
  <p>Countdown: <span id="countdown1">2009-8-1 00:00:00 GMT+02:00</span></p>
</div>
</font>
<div id="jsHinweis">
  <h3 style="color: red;">Diese Seite ben&ouml;tigt Javascript um korrekt angezeigt zu werden</h3>
</div>
</body>

sokie · 06.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

Code:

<script type="text/javascript">
     window.onload = function(){
        document.getElementById("jsBereich").style.display = "block";
        document.getElementById("jsHinweis").style.display ="none";
     }
  </script>

MainAngler schrieb:

Danke, funktioniert super.

Allerdings ist es bei mir jetzt so, dass trotz aktiviertem Javascript der Hinweis "Sie benötigen Java...." erscheint.:uhm:
Wie bekomme ich den - bei aktiviertem Java - jetzt weg?

Code:

<script type="text/javascript">
     window.onload = function(){
        document.getElementById("jsBereich").style.display = "block";
     }
  </script>
</head>
<body>
  <style type="text/css">
#countdown1 {color: black; width: 300px; height 40px; border: 1px solid black}
</style>
</head>
<body bgcolor="#FFFFFF" text="#001C66">
<font size="+2" face="verdana,arial,helvetica,sans-serif">
<img src="/spicons/baustelle.gif" alt="Baustelle"/>
Hier entsteht eine neue Internetpr&auml;senz !
<div id="jsBereich" style="display:none";>
   <script type="text/javascript" src="http://xxx.de/countdown.js" defer="defer"></script>
  <p>Countdown: <span id="countdown1">2009-8-1 00:00:00 GMT+02:00</span></p>
</div>
</font>
<div id="jsHinweis">
  <h3 style="color: red;">Diese Seite ben&ouml;tigt Javascript um korrekt angezeigt zu werden</h3>
</div>
</body>

diesen Code musst du noch einmal richtig strukturieren. da gibts mehrere body bereiche, style bereiche im body und

Code:

<script type="text/javascript" src="http://xxx.de/countdown.js" defer="defer">

gehört auch in den head bereich.

MainAngler · 06.04.2009

AW: Hinweis "Diese Seite benötigt Javascript" einblenden - wie?

Danke!

Quellcode auch nochmal entsprechend sortiert.