Rendre l'activation du javascript obligatoire

par Mat Mer 29 Nov 2017 - 20:28

Bonjour

,
Je voudrais savoir comment rendre le javascript obligatoire sur mon forum Visage souriant

Sur certains navigateurs, le javascript est désactivé par défaut!
Ce qui bloque certaines fonctionnalités de mon forum Visage sans bouche

Si le javascript n'est pas activé, la page ne s'affiche pas.
Je voudrais donc un message comme celui-ci Visage souriant

"Erreur vous devez activez le javascript pour accéder à cette page".
Comme sur Google DOCS :
Rendre l'activation du javascript obligatoire Captur11

Rendre l'activation du javascript obligatoire Captur11

Merci d'avance Visage amusé

par Adam_sfp Jeu 30 Nov 2017 - 13:49

Bonjour Mat

Vous pouvez insérez la balise

Code:: <noscript>

Et l'insérez par exemple de cette manière

Code:: <noscript> <p>Veuillez activer le javascript dans votre navigateur</p> </noscript>

Cela peut servir également pour un contenu de secours pour les personnes ne voulant pas l'activer...

Vous pouvez aussi afficher qu'il est activé de cette manière

Code:: <script language="JavaScript"> document.write( "<p>Le javascript est activé</p>"); </script>

Cdt.

par Mat Ven 1 Déc 2017 - 13:34

Bonjour

Merci pour votre aide Visage amusé

Par contre je dois le placer où?

par Adam_sfp Ven 1 Déc 2017 - 19:25

Bonsoir Mat

Tout dépend ou vous voulez faire agir ce code
Si par exemple c'est sur une page html à ce moment la il faut l'insérer dans cette page html

Je n'ai pas testé mais logiquement:
Si c'est des scripts qui agissent sur la page d'accueil vous pouvez le mettre en page d'accueil
Portail --> le mettre dans un widget du portail

Pour toutes les pages
Essayez en le mettant dans le template overall Header après la balise <body

Peut être même en le mettant dans description de site
Essayez de faire quelques tests..

Cdt.

par Mat Ven 1 Déc 2017 - 20:04

Bonsoir

Alors ça fonctionne, mais on peut toujours naviguer sur la page sans problèmes Visage amusé

Mon but est de bloquer l'utilisation du site si le javascript n'est pas activé Visage souriant

Merci d'avance Clin d'oeil

par Adam_sfp Ven 1 Déc 2017 - 21:13

Bonsoir Mat

Ok vous pouvez essayer ceci

On ajoute une class et une div avec id

Code:: <noscript class="nojava"> <div id="alert_message"> <p>Veuillez activer le javascript dans votre navigateur pour profiter pleinement du site. </p> </div> </noscript>

Puis dans le CSS
On va ajouter un background qui prend toute la largeur et hauteur avec un z-index à 999 qui va donc couvrir le site le rendant inaccessible.

Code:: .nojava { position:fixed; background-color: rgb(0, 0, 255); background-color: rgba(0, 0, 255, 0.5); z-index:999; width:100%; height:100%; } .nojava #alert_message { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; text-align: left; font-size: x-large; }

Vous pouvez effectuez des changements dans cette partie du css
.nojava #alert_message
Pour par exemple centrer un message et mettre le background plus petit... ou autres...

*Après je ne sais pas si se serait plutôt préférable de mettre un contenu de secours donnant envie d'activer le javascript pour voir votre contenu...

Cdt.

par Invité Sam 2 Déc 2017 - 20:06

Hello Adam et Mat,

ou cette astuce qui désactive tout le contenu du fofo :

Juste après la balise de fermeture:

Code:: </head>

Dépose ceci:

Code:: <noscript> <style>.bodyline{display:none;}</style> <div id="M14_noScript"> <div> Pour accéder à toutes les fonctionnalités de ce forum,<br /> vous devez activer JavaScript.<br /> Voici les <a href="http://www.enable-javascript.com/fr/" target="_blank"title="Cliquez ici pour accéder à la page">instructions pour activer JavaScript dans votre navigateur.</a><br /> </div></div> </noscript>

Penses à enregistrer puis à valider en cliquant respectivement sur :enreg:

puis

Rendre l'activation du javascript obligatoire 824052533

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:: #M14_noScript { position: fixed; top: -30px; bottom: -30px; left: 0px; width: 100%; height: 100%; text-align: center; z-index: 999; background:red; } #M14_noScript div { margin-top:20%; color:white; } #M14_noScript div a{color:white;}