Napisane przez Wooya dnia 22 października 2009 22:47 · 0 komentarzy · 9585 czytań ·  ·  · 

Zacznijmy od owego "wrednego" wymuszania w??czenia obs?ugi JS w przegl?darce. Pos?u?ymy si? tutaj Output Handlingiem znanego z PF v7. Jak zwykle tworzymy nowy panel, wklejamy poni?szy kod, zapisujemy go i w??czamy:

add_to_head("<noscript><meta http-equiv='refresh' content='0,URL='js.html' /></noscript>");

Gwoli wyja?nienia. W przypadku braku obs?ugi JS, PF przekieruje u?ytkownika na stron? http://mojadomena.pl/js.html. Zrozumia?e chyba, ?e musimy ow? stron? z odpowiednim komunikatem utworzy? :) Od tej chwili, u?ytkownicy nie posiadaj?cy w??czonej obs?ugi JS zobacz? ow? utworzon? przez nas wcze?niej stron?. Ja stosuj?c t? metod? w ró?nych swoich projektach za??czam mniej wi?cej taki komunikat:

Przepraszamy, ale Twoja przegl?darka nie posiada w??czonej, lub nie obs?uguje JavaScript.
Niniejsza strona wymaga obs?ugi JavaScript do poprawnej pracy.
Je?eli ju? w??czy?e? obs?ug? JavaScript, kliknij <a href='index.php'>TUTAJ</a>, aby ponownie przej?? do strony g?ównej.

A teraz sposób zgodny z W3C. Cz??? skórek opartych na divach z PF v7 (o ile nie wszystkie) posiada nadrz?dnego diva:

<div id='container'>[ZAWARTO?? STRONY]</div>

Aby u?ytkownikom wymusi? korzystanie z JS nale?y doda?:
1) W pliku styles.css danej skórki zmodyfikowa?/doda? do klasy #container:

display:none;

czyli np. w przypadku braku definicji dla tego ID doda? taki wpis:

#container {
	display:none;
}

2) Za znakiem zamykaj?cym tego diva doda? kolejnego diva z przyk?adow? tre?ci?:

<div id='js'>
Przepraszamy, ale Twoja przegl?darka nie posiada w??czonej, lub nie obs?uguje JavaScript.
Niniejsza strona wymaga obs?ugi JavaScript do poprawnej pracy.
Je?eli ju? w??czy?e? obs?ug? JavaScript, kliknij <a href='index.php'>TUTAJ</a>, aby ponownie przej?? do strony g?ównej.
</div>

Nast?pnie tworzymy nowy panel itd.:

add_to_head("
<script type='text/javascript'>
$(function(){
	$("#js").css("display","none");
	$("#container").css("display","block");
});
<script>
");

W przypadku braku obs?ugi JS u?ytkownik zobaczy informacj? o wymaganej obs?udze JS, w innym wypadku tre?? strony.

To na tyle je?li chodzi o sprawdzanie obs?ugi JS.

W nast?pnym odcinku... Jeszcze si? oka?e ;)

Tylko zarejestrowani użytkownicy mogą oceniać zawartość strony
Zaloguj się lub zarejestruj, żeby móc zagłosować.