style.dysplay='none' e firefox

**nicaragua90** · 02-08-2005, 19:27

Ciao a tutti, spero di aver scritto nel forum giusto,
ho realizzato un menù con delle celle nascoste che si aprono cliccando sulla categoria,
vedi l'esempio

con ie non ci sono problemi ma con firefox ogni volta che clikko su una voce mi lascia molto spazio che si accumula con i seguenti click (provate cliccando sulle varie voci con entrambe i browser),
per ottenere questo effetto ho impostato la parte del codice nascosta ovvero

<tr id="sub-ps2" style="display:none">,

poi se voglio farla comparire, clikkando su la voce del menu,

<a href="#" id="menu-item" onClick="document.getElementById('sub-ps2').style.display='none';

ovviamente ho dovuto inserire anche altri document.getE..... per far chiudere le schede aperte,

non esiste un modo per ottenere lo stesso effetto ma attraverso fogli di stile e dell'xhtml corretto o semplicemente mi basta trovare una soluzione, quale essa sia, che renda utilizzabile questo metodo con firefox, ciao e grazie.

**Marcolino's** · 02-08-2005, 19:31

Così?
http://test.constile.org/menu_pop_laterale.html

O così?
http://test.constile.org/menuatendinaorizzontale.html

**nicaragua90** · 02-08-2005, 19:49

non è lo stesso funzionamento però

**Marcolino's** · 02-08-2005, 19:54

Non puoi pretendere di trovare proprio quello che fa per te.
Devi modificare il codice a manetta e vedere cosa puoi farci.
Certo non sono adatti ad un sito a tabelle.

**nicaragua90** · 02-08-2005, 21:16

ok, mannaggia l'ignoranza.
non so proprio come risolvere il problema.

**Xinod** · 02-08-2005, 23:07

problema gia' affrontato e risolto in questa discussione
ciao

**nicaragua90** · 03-08-2005, 09:19

ho letto la discussione, in questo modo funziona anche con firefox:

<html>
<head>
<title>mostra/nascondi righe tabella</title>
<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>mostra_nascondi('riga1')

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

però presenta un problema, se ho già apero una riga diciamo la riga 1, quando clicco su mostra riga 2 oltre a far comparire, appunto, la riga 2, il click dovrebbe anche far scomparire la riga 1, non so come riadatarlo,
forse dovrei passare al forum di js?
aiuto

**Xinod** · 04-08-2005, 01:55

x es. hai da riga0 a riga4

codice:

var IE=(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;
function mostra_nascondi(num){
  for(var k=0;k<5;k++){
    if(k!=num){
      document.getElementById('riga'+k).style.display='none';
    } else {
      document.getElementById('riga'+k).style.display=(document.getElementById('riga'+k).style.display=='none')?((IE)?'block':'table-row'):'none';
    }
  }
}

da richiamare pero' cosi'

codice:

mostra_nascondi riga0

e facendo attenzione che vi siano tutti i riga, da 0 a 4

non ho provato, fallo tu x me (...x te)

**nicaragua90** · 04-08-2005, 11:40

non riesco a nascondere le righe, perchè non funziona, dov'è l'errore?

<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;
function mostra_nascondi(num){
for(var k=0;k<5;k++){
if(k!=num){
document.getElementById('riga'+k).style.display='n one';
} else {
document.getElementById('riga'+k).style.display=(d ocument.getElementById('riga'+k).style.display=='n one')?((IE)?'block':'table-row'):'none';
}
}
}
}
</script>

</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td>mostra_nascondi riga0 </td></tr>
<tr id="riga0"><td>riga nascosta</td></tr>
<tr><td>mostra_nascondi riga1 </td></tr>
<tr id="riga1"><td>riga nascosta</td></tr>
<tr><td>mostra_nascondi riga2</td></tr>
<tr id="riga2"><td>riga nascosta</td></tr>
<tr><td>mostra_nascondi riga3 </td></tr>
<tr id="riga3"><td>riga nascosta</td></tr>
<tr><td>mostra_nascondi riga4</td></tr>
<tr id="riga4"><td>riga nascosta</td></tr>
<tr><td>mostra_nascondi riga5</td></tr>
<tr id="riga5"><td>riga nascosta</td></tr>
</table>

**Xinod** · 04-08-2005, 11:59

- hai messo le funzioni una dentro l' altra,
la seconda si intendeva da sostituire alla prima

- se lo script si basa sul valore attuale del display per decidere se mostrare o nascondere, lo stile va messo in linea

<tr id="riga0" style="display:none">

altrimenti, per come e' lo script adesso, al primo click verra' automaticamente settato a none, anche se al click avrebbe dovuto mostrare il tr nascosto

ciao

P.s. se riga va da 0 a 5 il limite del ciclo for e' 6
for(var k=0;k<6;k++){

Discussione: style.dysplay='none' e firefox

Strumenti discussione

Ricerca discussione

Visualizza

style.dysplay='none' e firefox

Permessi di invio