Visualizzare e nascondere tag con JS puro

**giannino1995** · 30-03-2018, 21:16

Vorrei nascondere un div su ogni browser sprovvisto di JS per cui nascondo il div con CSS e lo riattivo solo su quei browser dove il JS è presente, precisamente uso questo codice ma non funziona e non so perché!

codice:

<style type="text/css">
/* <![CDATA[ */
#contenitore_generale {
    display: none;
}
/* ]]> */
</style>
<script type="text/javascript">
//<![CDATA[
window.onload = document.getElementById("contenitore_generale").style.display = "block";
//]]>
</script>
</head>
<body>

**cavicchiandrea** · 30-03-2018, 23:18

Prova così

codice:

<style type="text/css">
/* <![CDATA[ */
#contenitore_generale {
    display: none;
}
/* ]]> */
</style>
<script type="text/javascript">
//<![CDATA[
window.onload = function(){ document.getElementById("contenitore_generale").style.display = "block";}
//]]>
</script>
</head>
<body>

**giannino1995** · 30-03-2018, 23:45

Originariamente inviata da cavicchiandrea

Prova così

codice:

<style type="text/css">
/* <=!=[=C=D=A=T=A=[ */
#contenitore_generale {
    display: none;
}
/* ]=]=> */
</style>
<script type="text/javascript">
//<=!=[=C=D=A=T=A=[
window.onload = function(){ document.getElementById("contenitore_generale").style.display = "block";}
//]=]=>
</script>
</head>
<body>

No non funziona. Ho provato a ricorrere a jQuery ma neppure con questo codice ottengo il risultato sperato:

codice:

$(document).load(function () {
  $('#contenitore_generale').css('display','block');
});

Dove va caricato il file? Al fondo o all'inizio del file?

**cavicchiandrea** · 31-03-2018, 07:56

Inspiegabile posta il link alla pagina pubblica così vediamo come l’hai strutturata. Usando load/onload è ininfluente dove metti il codice.

**marino51** · 31-03-2018, 10:21

la soluzione di andrea,
con win10
IE11 -> div nascosto
EDGE -> div visibile

**giannino1995** · 31-03-2018, 14:01

codice HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Caricamento della libreria jQuery; -->
<script src="librerie/jquery-3.3.1.min.js"></script>
<style type="text/css"> 
#contenitore_generale {
    display: none;
}
</style>
<script type="text/javascript">
$(document).load(function () {
  $('#contenitore_generale').css('display','block');
});
</script>
<title>Titolo</title>
</head>
<body>
    <h1>H1</h1>
    <p>Tag1</p>
    <p id="contenitore_generale">Tag2</p>
</body>
</html>

In teoria il Tag2 dovrebbe essere visibile se il browser avesse il JS attivo. Purtroppo il Tag2 è invisibile nonostante il supporto al JS sia presente.

Discussione: Visualizzare e nascondere tag con JS puro

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzare e nascondere tag con JS puro

Permessi di invio