Astuce si javascript d�sactiv�

**speedev** · 18/02/2008, 18h32

Bonjour,

Je cherchais un moyen de rendre inactif un site web lorsque le client n'a pas javascript d'activ� (histoire qu'il ne voit pas quelque chose de moche sur son �cran).
J'ai vu qu'� part l'utilisation des balises <noscript></noscript> il n'y avait pas grand chose � faire.
(Mais Gmail (google) en ont une bonne pratique)

Bref, je n'ai pas voulu chercher et par logique j'ai trouv� une manip qui fonctionne bien, bien que pas tr�s orthodoxe. Je la poste ici au cas o� je l'oublie.
Je ne mets pas �a en CODE car la colorisation syntaxique n'est pas la bonne (c'est du html l�) :

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<body>
<noscript>
// phrase pour l'internaute
Javascript est désactivé. 
Vous devez l'activer pour profiter de toutes les fonctionnalités du site web.
Sinon utilisez la version standard en cliquant ici. Merci.
<-- 
// Et je démarre une zone de commentaire multiligne qui a pour but de 
// mettre en commentaire tout le code source situé en dessous 
// de même que cette fin de balise noscript ci-après...
// la balise noscript est donc toujours ouverte.
</noscript>
 
Contenu code source avec fonctionnalité javascript
gnagna...
 
<noscript>
//et maintenant je ferme ma zone commentaire, le navigateur 
//trouve donc une balise </noscript> qui clotûre la toute première. 
 
-->
</noscript>
 
</body>
</html>

Ouep....malpropre... mais j'ai trouv� �a rapidement, j'ai test� �a en 2sec et �a marche bien peu importe le code que j'utilise au milieu.
Par contre je pense �a ne fonctionnera plus si on utilise des ouvertures/fermetures de commentaires  au sein du code. Mais comme j'utilise les balises de commentaires smarty...�a roule.

En tout cas je reste � l'�coute de vos astuces pour pr�venir l'utilisateur de la d�sactivation de javascript et des �ventuelles solutions (propres

) de redirections transparentes vers des versions HTML simplifi�es.

Tchaw

**le_chomeur** · 18/02/2008, 18h47

j'aurais plut�t utiliser une div de 100% de hauteur et de largeur , en position fixed que j'aurais d�sactiv� SI l'utilisateur a javascript d'activ�

**speedev** · 19/02/2008, 09h10

"SI javascript est activ�" oui d'accord.
Cette solution est pas mal mais faudrait la tester sur plusieurs navigateurs.

Je conserve ma solution jusqu'� ce que �a plante.

J'attends d'autres solutions ! Merci !

**speedev** · 20/02/2008, 11h08

Ma solution plante sous IE6.
C'�tait trop beau de pouvoir annuler l'effet d'une ouverture de commentaire multiligne avec des balises noscript.

Dommage

**le_chomeur** · 20/02/2008, 11h49

essaye la mienne ....

**speedev** · 20/02/2008, 11h52

C'est ce que je suis en train de faire

**speedev** · 20/02/2008, 11h56

Pas efficace car lorsque ma page "du dessous" est grande (scrolling actif), le div "masqueur" en absolute ne peut pas tout masquer puisqu'il se limite � la taille de la fen�tre. Et il faudrait du JAVASCRIPT pour tout masquer :p ... Je cherche...

**speedev** · 20/02/2008, 12h31

Autre solution :

Puisque tous mes �l�ments HTML sont dans un div conteneur, j'ai masqu� celui-ci par d�faut (display:none).
Lorsque javascript est actif, je passe � display:block le conteneur dans mon script JS qui initialise l'application.

Op�rationnel...

...Seulement... j'ai peur du "display:none" par d�faut. La pratique est brutale je trouve et je n'aime pas accorder d'importance � JAVASCRIPT. En gros je ne tiens pas � ce que ce soit lui qui affiche ou non le site.

Je vais encore chercher des solutions.

A la lecture du code source de gmail, tout est un applicatif initialis� par javascript et on ne peut pas dire que ce ne soit pas performant, mais ce n'est pas le mm int�r�t que pour un site web grand public non plus.

**le_chomeur** · 20/02/2008, 13h51

Envoy� par zeojex

Pas efficace car lorsque ma page "du dessous" est grande (scrolling actif), le div "masqueur" en absolute ne peut pas tout masquer puisqu'il se limite � la taille de la fen�tre. Et il faudrait du JAVASCRIPT pour tout masquer :p ... Je cherche...

Non , pas avec une div faisant 100% de hauteur et en position FIXED ( ajout d'un hack css pour ie )
lorsque tu scroll, la div reste a la m�me place et bloque l'acc�s aux �l�ment qui se trouvent derri�res ...

**speedev** · 20/02/2008, 14h35

Oui ok merci �a fonctionne mais je ne vais pas conserver la m�thode.
Non pas parce que je n'utilise plus les hacks css (j'utilisais les hacks entre IE et mozilla mais j'essaye d'�viter depuis qlq temps, question de tranquillit� d'esprit) mais parce que du code est ex�cut� par le navigateur alors qu'il ne sera pas utilis� lorsque javascript est d�sactiv�. Le principe du masquage est de la bidouille evidement, si je peux �viter tant mieux...
Je ne souhaite pas qu'il y ai de traitements inutiles donc.

Je vais chercher encore un peu et je me r�signerai si rien y fait.

Merci encore

Astuce si javascript d�sactiv�

JavaScript

Discussions similaires

Partager

Partager