ForumCała strona

Nawigacja

Aktualnie online

Gości online: 24

Użytkowników online: 0

Łącznie użytkowników: 25,283
Najnowszy użytkownik: ziomciu76

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

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

khaman
10.01.2019 13:21:35
Zdarza się Smile

Apis
10.01.2019 10:18:02
Niejaki KellyTurner śmieci nam w serwisie Smile

Apis
03.01.2019 17:02:45
Lepszego Grin

khaman
02.01.2019 08:09:14
Szczęśliwego Smile

krystian1988
01.01.2019 02:39:59
Szczęśliwego Nowego Roku wszystkim Smile

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

RSS

Polecamy hosting Hekko.pl

Nawigacja

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

Napisane przez Wooya dnia 22 październik 2009 22:47 · 0 komentarzy · 6315 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