Script che nasconde righe

**luseresi** · 04-03-2009, 16:06

Buongiorno a tutti,
ho questo script:

Codice PHP:




<script>



function mostradettagli(id)

   {

   d = document.getElementById("datiextra"+id);

   if (!d)

      return;



   if (d.style.display != "block")

       d.style.display = "block";

   else

       d.style.display = "none";

   } 



</script>

cliccando sul pulsante apposito nasconde o fa ricomparire le righe.
Non so perchè funziona solo con Explorer ma non con tutti gli altri browser.
Qualcuno può aiutarmi?

Codice PHP:


echo '<tr> 

<td> campo1 </td>

<td> campo2 </td> 

<td> campo3 </td> 

<td> campo4</td>

<td> campo5</td>

<td>[img]dettagli_2.png[/img] </td>';

     

echo '<tr class="datiextra" id="datiextra' . [campoid]. '">

<td colspan="2"> campo6</td>

<td colspan="2"> campo7</td> 

<td>campo8</td>

</tr>';

Nel file css ho la voce:

Codice PHP:


.datiextra

   {

   display:none;

   }

Grazie mille

**Xinod** · 04-03-2009, 16:53

perche' per i browser aderenti agli standard i tr richiedono display table-row,

codice:

   if (d.style.display != "block" && d.style.display !="table-row")
       d.style.display = (document.all && !window.opera)?"block":"table-row";
   else
       d.style.display = "none";
   }

ciao

**luseresi** · 04-03-2009, 17:40

Grazie infinite xinod, funziona perfettamente. Ma dove li trovo questi preziosi consigli?Non li trovo in una normale guida javascript...

**luseresi** · 04-03-2009, 18:20

Originariamente inviato da Xinod
perche' per i browser aderenti agli standard i tr richiedono display table-row,

codice:

   if (d.style.display != "block" && d.style.display !="table-row")
       d.style.display = (document.all && !window.opera)?"block":"table-row";
   else
       d.style.display = "none";
   }

ciao

**Xinod** · 04-03-2009, 18:21

ti capisco, per certe cose finche' non ti trovi davanti al problema non pensi esista il problema (a me e' capitato qui)
se poi ne identifichi l' origine, probabilmente e' gia' stato affrontato e trovi informazioni al riguardo con ricerche mirate su google

ciao

**luseresi** · 04-03-2009, 18:35

Originariamente inviato da Xinod
ti capisco, per certe cose finche' non ti trovi davanti al problema non pensi esista il problema (a me e' capitato qui)
se poi ne identifichi l' origine, probabilmente e' gia' stato affrontato e trovi informazioni al riguardo con ricerche mirate su google

ciao

Ciao xinod, scusami, il link che mi hai dato e che ora vado a leggere, serve per la domanda che ti faceva riguardo l'esposizione di un'ulteriore riga nascosta?
grazie mille

**Xinod** · 05-03-2009, 02:49

no, ma dai, un minimo di sforzo, devi solo mostrare/nascondere anche un altra riga insieme alla prima, no?

**luseresi** · 05-03-2009, 20:07

Originariamente inviato da Xinod
no, ma dai, un minimo di sforzo, devi solo mostrare/nascondere anche un altra riga insieme alla prima, no?

Non mi maledire...ma io ho provato a nascondere piu di una riga ma non ci riesco, elimina sempre o una o l'altra riga...
Mi puoi fare un esempio generico che io provo ad applicare al mio file per favore?
Ho provato ad aggiungere dentro un altro tr ma questo non viene preso in considerazione dal mostra dettagli, neppure associandogli l'id e il class...

Grazie mille e buona serata

**luseresi** · 05-03-2009, 20:13

Ho preso in esempio anche questo che ho trovato nel link che mi hai segnalato, non sono riuscito a capire come nascondere piu di una riga...

Codice PHP:


<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=(document.getElementById(id_riga).style.display=='none')?((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>

[url="#"]mostra_nascondi('riga1')[/url]


[url="#"]mostra_nascondi('riga2')[/url]

</body>

</html>

**Xinod** · 05-03-2009, 21:02

e dai, pure se stai quasi a zero certe cose con un po' di concentrazione si fanno tranquillamente

codice:

function mostradettagli(id){
   var d = document.getElementById("datiextra"+id);
   var a = document.getElementById("intestazioneextra"+id);
   if (!d) return;

   if (d.style.display != "block" && d.style.display !="table-row"){
       var valoreMostra=(document.all && !window.opera)?"block":"table-row";
       d.style.display = valoreMostra;
       if(a) a.style.display = valoreMostra;
   } else {
       d.style.display = "none";
       if(a) a.style.display = "none";
   }
}

dove per ogni tr con id="datiextraQualcosa" puo' esserci o meno un tr con id="intestazioneextraQualcosa"

ciao

Discussione: Script che nasconde righe

Strumenti discussione

Ricerca discussione

Visualizza

Script che nasconde righe

Permessi di invio