ForumCała strona

Nawigacja

Aktualnie online

Gości online: 8

Użytkowników online: 0

Łącznie użytkowników: 25,352
Najnowszy użytkownik: Hotwind77

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

jantom
29.04.2021 21:03:32
Wszystkiego najlepszego Przemku Smile

MajsterBieda
23.04.2021 01:38:02
Cool

JazOOn
19.04.2021 22:27:51
i jeszcze jeden i jeszcze raz....

jantom
19.04.2021 21:00:37
E tam, tragizujesz.

khaman
18.04.2021 23:41:08
Jak już główny admin staje się duchem, to wiedz, że coś się dzieje..

Pobierz nową wersję
Pobierz podręcznik
Zobacz inne oficjalne Supporty
Statystyki supportu
PHP-Fuson PL na Facebooku

RSS

Nawigacja

jQuery i PF v7 w jednym stali domu... cz.3

Napisane przez Wooya dnia 22 październik 2009 22:47 · 0 komentarzy · 7706 czytań · Drukuj · Facebook · Wykop

Streszczenie:

Czyli jak wymusić na użytkownikach używania JavaScript (w końcu bez tego jQuery nam nie zadziała). Dwa sposoby: wredny sposób nie wymagający modyfikacji skórek (jednak niezgodny z W3C) oraz oparty na CSS, wymagający modyfikacji skórek, ale zgodny z W3C.

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 ;)

Komentarze

Brak komentarzy. Może czas dodać swój?

Dodaj komentarz

Zaloguj się, aby móc dodać komentarz.

Oceny

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

Świetne! Świetne! 50% [1 głos]
Bardzo dobre Bardzo dobre 50% [1 głos]
Dobre Dobre 0% [0 głosów]
Średnie Średnie 0% [0 głosów]
Słabe Słabe 0% [0 głosów]
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl