display:block per le righe

[ser_god]

salve,

sto facendo un piccolo js per visualizzare e nascondere alcunre righe di una tabella.
quando nascondo la riga faccio un modo che il display della riga venga impostato su "hidden"
quando invece devo visualizzarla imposto il display su "block"

mi succede però che un TR impostato su block mi si accorcia tutto verso il lato sinistro nella tabella...mando delle immagini per farvi rendere conto.

come mai succede sta cosa? devo impostare qualche altro parametro per evitare che le righe si comportino in quel modo, o devo utilizzare qualche altra proprietà al posto del display (ho gia provato con visibility, nasconde, ma lo spazio se lo piglia uguale...)

le righe in questione sono quelle delle immagini

[Mich_]

Non so cosa sia un
display: hidden;
Io conosco display: none; (oppure visibility: hidden;)

Comunque sia, le tabelle hanno display diversi: vedi ad esempio http://www.w3schools.com/css/css_ref...classification
Quindi un tr dovresti definirlo come: display: table-row;
Pero` questo non e` riconosciuto da IE6, a cui devi invece daredisplay: block;

Il codice JS dovrebbe quindi essere:
display = IE6 ? "block" : "table-row";
dove evidentemente la variabile booleana IE6 e` stata settata opportunamente in precedenza

[ser_god]

per il display è "none", ho sbagliato a scrivere nel messaggio..pardon...

per il javascript il cosice è molto semplice :

function hiddenImmagini(num){
 for(i=1;i<=30;i++){
  if(i<=num){
   document.getElementById("trimmagine"+i).style.display = "block";
  }else{
   document.getElementById("trimmagine"+i).style.display = "none";
  }
 }
}
hiddenImmagini(30) 

il problema alla fine era il "block", applicando questo parametro al "tr", il firefox mi accostava la righa della tabella a sinistra e l'accoricava. Il problema di base era questo : come applicare il block senza sconvolgere la struttura delle righe della tabella?

al chè ho trovato una soluzione molto semplice:
quando devo nascondere la riga uso document.getElementById("trimmagine"+i).style.disp lay = "none";
quando invece devo viasualizzarla, al posto di applicare il "display:block", gli applico un "display:", cioè : document.getElementById("trimmagine"+i).style.disp lay = "";

pare funzioni...


l'unico cosa che non ho capito, e che ormai non manco mi interessa più di tanto in quanto ho trovato la soluzione, è sapere perchè il firefox col display:block ha quella reazione e se c'è un parametro del display per visualizzara un elemento nascosto oltre al parametro nullo...

grazie per l'attenzione e l a pazienza..

[Mich_]

Una riga di tabella, in CSS2, non e` di tipo blocco: un tipo blocco non e` adatto ad una tabella.
Ecco perche` FF non reagisce bene.

Il display vuoto, credo sia una soluzione buona per tutti i browser.

Ora vedi come ti riscrivo la tua funzione:

function hiddenImmagini(num){
  for(var i=1;i<=30;i++){
    document.getElementById("trimmagine"+i).style.display = (i<=num) ? "block" : "";
  }
}

PS: non mi piacciono i vettori che partono da 1, ma non so come e` fatto il resto, per cui non lo cambio.

[ser_god]

l apartenza da 1 è una soluzione strategica...
in pratica avrei poi dovuto aggiungere uno in più parti del codice sia javascript che asp...
grazie per la sintassi abbreviata del codice, questo tipo di condizione mi ha sempre messo in difficoltà, per questo viaggio ancora con l'if, then, else....eheh


grazie ancora