[jQuery] Nascondere tabelle al caricamento della pagina

[miki92]

Buonasera,
sto utilizzando questo semplicissimo codice per creare una serie di spoiler nelle mie pagine.

Il problema e che sto facendo in modo che la pagina sia visualizzabile anche a chi non ha javascript (pochi casi, ma ne necessito) e quindi non posso usare questo:

table{
   display:none;
   width:97%;
}

Pertanto la tabella ha come proprietà la sola larghezza. Come posso fare, con jQuery o javascript, che nel momento in cui la pagina sia caricata tutte le tabelle abbiano l'attributo display:none?

[alemoppo]

Va chi si rivede .

Puoi usare .hide() (invocandolo ovviamente al caricamento della pagina)...
..più in generale .css() per qualsiasi proprietà css.

È da mesi che non scrivo più js (e a maggior ragione jquery), ma dovrebbe esser una cosa tipo:

$(document).ready(function() {
  $('table').hide();
});

Ciao!

[miki92]

Guarda...giurerei di aver usato quel codice senza successo. Ora funge. Solo che le tabelle perdono la loro larghezza originale. Vengono ridimensionate...o almeno 4 su 5 si ridimensionano.

Ho provato così ma comunque non cambia nulla:

$(document).ready(function(){
$('table').css("display","none");
$('table').css("width","97%");
});

<!-- PROVATO ANCHE -->

$(document).ready(function(){
$('table').css("display","none");
$('table').width("97%");
});

Se ho capito bene tu vorresti visualizza la tabella solo dopo il caricamento della pagina.
1)A questo punto potresti assegnare alla tabella, style="visibility: hidden"(Compatibile anche con IE6) oppure style="visibilty: collapse quest'ultimo funziona come $('#nomeID oppure .class').hide(); (il parametro CSS non viene riconosciuto su IE6) oppure potresti usare un CSS inline o esterno in modo da avere una pagina più pulita.

In questo modo la tua tabella inizialmente sarà invisibile.

2) Visto che durante il caricamento di una pagina HTML il codice Javascript e JQuery è l'ultima cosa che viene compilata inserisci il seguente fragmento di codice:

<script>
$(document).ready(function(){
   $('#ID oppure .class della tabella').css('visibility', 'visible');
});
</script>

Questo dovrebbe risolvere il tuo problema.

[alemoppo]

2) Visto che durante il caricamento di una pagina HTML il codice Javascript e JQuery è l'ultima cosa che viene compilata inserisci il seguente fragmento di codice:

<script>
$(document).ready(function(){
   $('#ID oppure .class della tabella').css('visibility', 'visible');
});
</script>

Questo dovrebbe risolvere il tuo problema.

Lui vuol far esattamente il contrario. La soluzione, teoricamente, è quella che abbiamo scritto sopra. Probabilmente va in conflitto con qualcos'altro.

Ciao!

Si hai ragione