Wie ver­spro­chen erzähle ich noch­ein­mal etwas über meine Ideen, die ich beim Relaunch mei­nes Blogs ein­ge­baut habe.

Nach dem OptOut für Google Ana­lytics kommt dies­mal ein eher klei­ner Trick: man­che Ele­mente sol­len anders gestylt wer­den, je nach­dem ob Java­script ein– oder aus­ge­schal­tet ist.

Als ers­tes wird im HTML dem body die Klasse »has­no­ja­va­script« zugewiesen.

1
2
3

<body class="hasnojavascript">
...
</body>

Im nächs­ten Schritt wird mit jQuery die Klasse »has­ja­va­script« dem body zuge­wie­sen und die Klasse »has­no­ja­va­script« entfernt.

1
2
3
4
5

$(document).ready(function(){
    // Indicate Javascript for CSS
    $("body").addClass('hasjavascript');
    $("body").removeClass('hasnojavascript');
});

Mit Hilfe die­ser bei­den Klas­sen kön­nen dann im CSS beide Zustände expli­zit ange­spro­chen werden.

Die bei­den Klas­sen benutze ich bei­spiels­weise um die Label für For­mu­lar­fel­der bei ein­ge­schal­te­tem Java­script auszublenden.