Ho capito un altro approccio usando css e javascript stesso.
Questo è solo per iniziare a armeggiare con classi e ID.
Lo snippet CSS:
1. Creare una regola ID css e denominarla #jsDis.
2. Utilizzare la proprietà "content" per generare un testo dopo l'elemento BODY. (Puoi modellare questo come desideri).
3 Creare una seconda regola ID css e denominarla #jsEn e stilizzarla. (per semplicità, ho dato alla mia regola #jsEn un colore di sfondo diverso.
<style>
#jsDis:after {
content:"Javascript is Disable. Please turn it ON!";
font:bold 11px Verdana;
color:#FF0000;
}
#jsEn {
background-color:#dedede;
}
#jsEn:after {
content:"Javascript is Enable. Well Done!";
font:bold 11px Verdana;
color:#333333;
}
</style>
Lo snippet JavaScript:
1. Creare una funzione.
2. Prendi l'ID CORPO con getElementById e assegnalo a una variabile.
3. Utilizzando la funzione JS 'setAttribute', modificare il valore dell'attributo ID dell'elemento BODY.
<script>
function jsOn() {
var chgID = document.getElementById('jsDis');
chgID.setAttribute('id', 'jsEn');
}
</script>
La parte HTML.
1. Denominare l'attributo dell'elemento BODY con l'ID di #jsDis.
2. Aggiungi l'evento onLoad con il nome della funzione. (JSON ()).
<body id="jsDis" onLoad="jsOn()">
A causa del tag BODY è stato assegnato l'ID di #jsDis:
- Se Javascript è abilitato, cambierà da solo l'attributo del tag BODY.
- Se Javascript è disabilitato, mostrerà il testo della regola 'content:' css.
Puoi giocare con un contenitore #wrapper o con qualsiasi DIV che utilizza JS.
Spero che questo aiuti ad avere l'idea.