Ho avuto un problema:
ho voluto mostrare il sito pieno quando JavaScript è stato abilitato. Tuttavia, se javascript fosse disabilitato, non solo volevo mostrare un messaggio "questo sito richiede javascript ...", ma volevo comunque mostrare l'intestazione & footer (che risiede in header.inc e footer.inc, chiamato da ogni pagina di contenuto) del mio sito (per apparire belli).In altre parole, volevo solo sostituire l'area del contenuto principale del mio sito. Ecco la mia soluzione html/css:
header.inc di file (posizione non è importante):
<noscript>
<style>
.hideNoJavascript {
display: none;
}
#noJavascriptWarning {
display: block !important;
}
</style>
</noscript>
file di intestazione (in basso):
<div id="noJavascriptWarning">The Ignite site requires Javascript to be enabled!</div>
<div class="container-fluid hideNoJavascript">
<!-- regular .php content here -->
file 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;
}
In sintesi, il mio messaggio "javascript required" è nascosto per la mia regola CSS predefinita. Tuttavia, quando il browser analizza il tag, sostituisce la regola predefinita, con il risultato che il contenuto principale viene nascosto e (tutto tranne l'intestazione/piè di pagina) e il messaggio javascript visualizzato. Funziona perfettamente ... per i miei bisogni! Speriamo che qualcun altro trova questo utile :-)
Qui ci sono due screenshot con javascript abilitato/disabilitato:
hi setosa, voglio provare il vostro modo troppo. Ma a causa della mancanza di conoscenza. Non so come fare. Puoi scrivere il codice di esempio per me da testare? Grazie. –
Grazie per la tua risposta setosa. Fatto. –
A meno che il tuo sito non consenta a un utente di accedervi tramite una pagina del gateway, sono necessarie due pagine per ogni pagina che desideri visualizzare. Si? O hai solo siti web di una pagina. – BillR