Forum PHP.pl > [javascript]Fallback przy braku js, jak zrobić

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [javascript]Fallback przy braku js, jak zrobić

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

jquery_man

29.04.2012, 16:37:01

Witam, chciałbym się dowiedzieć w jaki sposób ratujecie się z sytuacji gdy użytkownik nie ma javascripta i jaka metoda jest najlepsza. Załóżmy, że mamy formularz na stronie:

[HTML] pobierz, plaintext 
<html>
<head>
//nieistotne
</head>
<body>
<div>
  <p>jakaś treść</p>
  <div id="form">
     <form>
        //jakiś tam formularz
     </form>
  </div>
</div>
 
</body>
</html>
[HTML] pobierz, plaintext

i chcemy aby przy włączonym js nie był widoczny (tylko np. pokazywał się po kliknięciu jakiegoś przycisku, który też się pokaże dopiero gdy nie ma js).

Ja widzę kilka rozwiązań, ale nie jestem pewien które jest najlepsze i najbardziej zgodne ze standardami

1. Użycie noscript

[HTML] pobierz, plaintext 
<html>
<head>
//nieistotne
</head>
<body>
<noscript><div id="no-js"></noscript>
<div>
  <p>jakaś treść</p>
  <div id="form">
     <form>
        //jakiś tam formularz
     </form>
  </div>
</div>
<noscrip></div></noscript>
</body>
</html>
[HTML] pobierz, plaintext

i ostylowanie elementów aby były widoczne kiedy są w id no-js
2. Rozwiązanie

[HTML] pobierz, plaintext 
<html>
<head>
//nieistotne
</head>
<body>
<div>
  <p>jakaś treść</p>
  <div id="form">
     <form>
        //jakiś tam formularz
     </form>
  </div>
</div>
<script>
$('html').attr('id','js');
</script>
</body>
</html>
[HTML] pobierz, plaintext

i ukrycie elementów gdy jest w id js nieco wadliwe gdy się strona wolniej uruchomi i dopiero po chwili formularz zniknie

Są jakieś inne sensowne metody? Która metoda lepsza?

lukesh

29.04.2012, 22:13:27

A są jeszcze tacy ludzie, którzy nie korzystają z JS? Ja już dawno zrezygnowałem z rozbudowanego PHP na rzecz JS, ponieważ znacznie to odciąża serwer, a często może poprawić działanie samej strony www / aplikacji on-line. Myślę, że wyłączona obsługa JS i sposoby, jak sobie z tym fantem radzić, to historia z minionej epoki, kiedy królował html 4.01 i tabelki.

wNogachSpisz

5.05.2012, 00:43:45

[HTML] pobierz, plaintext 
<noscript>
   <style>
      #form {
         display: none
      }
   </style>
</noscript>
[HTML] pobierz, plaintext

kamil4u

5.05.2012, 19:12:11

Osobiście zastosowałbym( rzadko kiedy robię strony dla użytkowników bez JS ) rozwiązanie podobnego do ~wNogachSpisz.

W zależności od sytuacji:
- albo bym wprost skorzystał z metody podanej przez ~wNogachSpisz
- albo od razu bym ukrył element( w pliku CSS ), a dopiero po załadowaniu DOM, przez JS pokazał formularz.

Wszystko zależy jak ważny jest dany element na stronie i do czego służy.

W ogóle dobą metodą jest zrobienie strony dla użytkowników bez JS, a dopiero po załadowaniu DOM wszystko odpowiednio pozamieniać za pomocą JS. Czasami nawet tworząc od nowa całe elementy, a nie tylko je odkrywać. Ale to zależy często od konkretnej sytuacji.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.