Κρύψτε κάποια κομμάτια του site από όσους έχουν τη javascript απενεργοποιημένη

4 03 2008

Όλοι ξέρουμε το <noscript></noscript> tag, που μας επιτρέπει να εμφανίζουμε κάποια κομμάτια του site μόνο σε όσους έχουν τη javascript απενεργοποιημένη. Ουσιαστικά λειτουργεί σαν ένα if(user has javascript disabled) { … }. Τι γίνεται όμως όταν θέλουμε να κάνουμε το αντίθετο; Δηλαδή ένα αντίστοιχο του if(user has javascript enabled) { … } ;

Συνήθως απλά βάζουμε display:none στο style attribute του εν λόγω στοιχείου και αμέσως μετά ή στο onload event της σελίδας το επανεμφανίζουμε με javascript. Αυτός είναι και ο XHTML valid τρόπος, οπότε αν σας ενδιαφέρει πολύ το validation, μην διαβάσετε παρακάτω, διότι δεν περνάει το validation ούτε σε strict doctype, ούτε καν σε transitional.

Είχα σκεφτεί παλιότερα έναν πολύ πιο ελαφρύ και εύκολο τρόπο για να πετυχαίνουμε το ίδιο πράγμα, αν και με λύπη μου διαπίστωσα πρόσφατα ότι δεν περνάει το validation. :( Διαβάστε την συνέχεια του άρθρου »