il mio blog personale: foto, video…


Sto caricando i dati ...
Failed to load data!

093 Nascondere una riga di una tabella HTML con javascript

inserito da ligio il 21 Giugno 2007 alle 09:52
nella categoria informatica, sezione ,

Con javascript e gli styles bisogna per forza distinguere tra IE e Mozilla per poter nascondere una riga di una tabella!
Infatti IE non supporta l’attributo display:table-row…

Ad esempio, se ho una tabella definita in questo modo:

<table>
<tr id="tr1"><td></td></tr>
<tr id="tr2"><td></td></tr>
</table>

E voglio nascondere la riga con id=”tr2″ tramite javascript, devo scrivere una funzione simile a questa:

function showcolor(t) {
var colore = document.getElementById('tr2');
var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;

if(t=='tab') {
colore.style.display = (IE)?'block':'table-row';
} else {
colore.style.display = 'none';
}
}