invertire la funz. riga di tab aperta/nascosta

**errepi71** · 05-09-2005, 11:53

Ciao a tutti,
io ho questo codice, che permette di nascondere righe di tabella con un click e quindi di renderle nuovamente visibili.

Però io avrei bisogno di partire con la riga già nascosta,
per poi renderla visibile con un click e con un nuovo click nasconderla nuovamente......

Grazie già da a ora:

<style type="text/css">
tr {display:table-row}
</style>
<script type="text/javascript">
function mostra_nascondi(id_riga){
var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;
document.getElementById(id_riga).style.display=(do cument.getElementById(id_riga).style.display=='non e')?((IE)?'block':'table-row'):'none';
}
</script>
</head>

<body>
<table>
<tbody>
<tr id="riga1">
<td>c1</td>
<td>c2</td>
</tr>
<tr id="riga2">
<td>c3</td>
<td>c4</td>
</tr>
</tbody>
</table>
mostra_nascondi('riga1')

mostra_nascondi('riga2')

**fcaldera** · 05-09-2005, 11:58

Questo nn so cosa significhi...

codice:

tr {display:table-row}

io lo sostituirei con

codice:

tr {display: none;}

e cambialo anche sul JS dove usi l'if ternario...

**errepi71** · 05-09-2005, 12:06

Avevo provato con:

<style type="text/css">
tr {display:none}
</style>
<script type="text/javascript">
function mostra_nascondi(id_riga){
var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;
document.getElementById(id_riga).style.display=(do cument.getElementById(id_riga).style.display=='non e')?((IE)?'block':'none'):'block';
}
</script>

ma il problema è che le righe della tab vengono nascoste e rese visibili solo al click... ma se poi con un nuovo click voglio ri-nascondere una delle righe, ciò non avviene.

**fcaldera** · 05-09-2005, 12:13

prova usando questa funzione:

codice:

<head>
  <script type="text/javascript">
  function mostra_nascondi(id_riga){
     trd = document.getElementById(id_riga).style.display;
     document.getElementById(id_riga).style.display = (trd == 'block')? 'none' : 'block';
  }
</script> 
</head>

la funzione deve andare nell'header del documento
puoi anche togliere i "return false" sui links.

**errepi71** · 05-09-2005, 12:21

funziona bene con IE grazie,

purtroppo non con FireFox, sembra aggiunga nuove righe ogni ad ogni clik.

Se hai qualche suggerimento anche per aggiustare le cose con FireFox grazie,

altrimenti resterà una sfida per il futuro

grazie ancora

**fcaldera** · 05-09-2005, 12:26

purtroppo non con FireFox, sembra aggiunga nuove righe ogni ad ogni clik.

mi suona un pò (molto) strano... evidentemente c'è qlcs che nn va con il resto del codice della pagina... fai un pò di debug (ad esempio guarda con la console js di firefox se ti dà qualche errore...)

**Xinod** · 05-09-2005, 17:13

quando si lavora con parti di tabelle occorre usare il display opportuno, x i tr e' table-row

se si cambia il display a block con mozilla e i browser seri si ha il problema riscontrato da errepi

ciao

**fcaldera** · 05-09-2005, 17:24

'mo me lo segno...

Discussione: invertire la funz. riga di tab aperta/nascosta

Strumenti discussione

Ricerca discussione

Visualizza

invertire la funz. riga di tab aperta/nascosta

Permessi di invio