IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Gestion message Javascript doit être activé


Sujet :

jQuery

  1. #1
    Membre du Club
    Inscrit en
    Juillet 2009
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Juillet 2009
    Messages : 201
    Points : 48
    Points
    48
    Par défaut Gestion message Javascript doit être activé
    Bonjour,

    Je souhaite avertir l'utilisateur que le Javascript est "obligatoire" pour utiliser une partie du site web.

    Je procède ainsi :

    1: Création d'une DIV
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div id="JavaScript">
    				<div id="No_JavaScript">JavaScript n'est pas activé sur votre navigateur.</div>
    </div>

    2: Code CSS pour les DIV
    Code css : 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
    #JavaScript {
    	position: fixed;	
    	top: 0; 
    	left: 0;
    	width: 100%; 
    	height: 100%; 
     
    	background-color: #000; 
    	z-index: 1000;
     
    } 
     
    #No_JavaScript{ 
    	position:fixed;
    	top: 50%;
    	color: #fff; 
    	margin-top: -50px;
    	width: 100%;
    	text-align: center;
    	font-weight: bold; 
    	background-color: transparent;
    }

    3: Code Jquery qui désactive les DIV :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    $(document).ready(function() {
     
    // Le JavaScript est activé 
       $('#No_JavaScript').remove();
    Je trouve ma méthode pas très fluide... Car au chargement, les DIV apparaissent puis deviennent invisible !

    Existe t'il une autre méthode plus simple et plus furtive ?

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    La balise <noscript>...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre du Club
    Inscrit en
    Juillet 2009
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Juillet 2009
    Messages : 201
    Points : 48
    Points
    48
    Par défaut
    Quel est le meilleur endroit pour placer cette balise ??

    Dans le Head dans le Body ?

Discussions similaires

  1. Réponses: 12
    Dernier message: 07/05/2009, 16h55
  2. Réponses: 6
    Dernier message: 01/10/2007, 23h23
  3. [Client/Serveur]Où doit être mis outil mesure Performances?
    Par sabure dans le forum Décisions SGBD
    Réponses: 4
    Dernier message: 06/03/2006, 23h52
  4. Réponses: 4
    Dernier message: 24/02/2006, 11h50
  5. dans un CSS que le texte doit être souligé?
    Par hstlaurent dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 01/09/2005, 16h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo