Alexander (HH): Hinweis-Fenster ausgeben; HP soll weiter laden

Beitrag lesen

Moin Moin!

Ich würde diesen "Div-Container" (saudoofes Wort, ehrlich!) überhaupt erst mit JavaScript ins Dokument schreiben ([ref:self812;javascript/objekte/document.htm@title=document].[ref:self812;javascript/objekte/document.htm#write@title=write()]), denn dann störst Du die JS-losen Besucher nicht.

Der Container darf ja gerne mit rein, auch ganz ohne document.write() & Co. Er muß nur initial unsichtbar und nicht störend sein. Ein gängiger Ansatz wäre, den Container erstmal auf display:none zu setzen, und dann per Javascript den Container wieder hervor zu zaubern. Für weitere Javascript-Geschichten bietet es sich an, dem body-Element per Javascript eine zusätzliche CSS-Klasse zu verpassen, und den Rest per CSS zu erledigen. Ungefähr so:

HTML:

  
...  
<body onload="document.getElementsByTagName('body')[0].className='jsEnabled';">  
    <div id="nojs">Mit Javascript ist diese Seite viel angenehmer zu benutzen.</div>  
    <div id="nerv">...</div>  
    ...  
</body>  
</html>  

CSS:

  
...  
div#nojs {  
    display:block;  
    ...  
}  
body.jsEnabled div#nojs {  
    display:none;  
}  
  
div#nerv {  
    display:none;  
    ...  
}  
body.jsEnabled div#nerv {  
    display:block;  
}  
...  

Alexander

--
Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so".