J'ai eu un problème très:
Je voulais montrer le site complet lorsque javascript est activé. Cependant, si javascript était désactivé, non seulement je voulais afficher un message "ce site nécessite javascript ...", mais je voulais quand même afficher l'en-tête & footer (qui se trouve dans header.inc et footer.inc, appelé par chaque page de contenu) de mon site (pour être belle).En d'autres termes, je voulais seulement remplacer la zone de contenu principal de mon site. Voici mon html/solution css:
fichier header.inc (emplacement n'a pas d'importance):
<noscript>
<style>
.hideNoJavascript {
display: none;
}
#noJavascriptWarning {
display: block !important;
}
</style>
</noscript>
fichier d'en-tête (en bas):
<div id="noJavascriptWarning">The Ignite site requires Javascript to be enabled!</div>
<div class="container-fluid hideNoJavascript">
<!-- regular .php content here -->
fichier CSS:
#noJavascriptWarning {
color: #ed1c24;
font-size: 3em;
display: none; /* this attribute will be overridden as necessary in header.inc */
text-align: center;
max-width: 70%;
margin: 100px auto;
}
En résumé, mon message "javascript requis" est masqué par ma règle CSS par défaut. Cependant, lorsque le navigateur analyse le tag, il remplace la règle par défaut, ce qui entraîne la dissimulation du contenu principal et (tout sauf l'en-tête/pied de page) et l'affichage du message javascript. Fonctionne parfaitement ... pour mes besoins! Espérons que quelqu'un d'autre trouve cela :-) utile
Voici deux captures d'écran avec javascript Activé/Désactivé:
salut soyeux, Je veux essayer votre chemin aussi. Mais à cause du manque de connaissances. Je ne sais pas comment faire. Pouvez-vous écrire l'exemple de code pour moi de tester? Merci. –
Merci pour votre réponse soyeuse. Je l'ai. –
À moins que votre site n'autorise qu'un utilisateur à accéder à une page de passerelle, vous avez besoin de deux pages pour chaque page que vous souhaitez afficher. Ouais? Ou seulement avoir des sites Web d'une page. – BillR