• User

    Applicare un effetto fade

    Buonasera a tutti,
    ho trovato questo link molto carino, guardate la demo per cortesia:

    [html]javascript.html.it/script/vedi/3237/effetto-fade-su-un-div/[/html]E' possibile applicarlo secondo voi a questo che è il mio attuale codice?

    Ho questo script nella head:

    function mostradettagli(id){
    var d = document.getElementById("datiextra"+id);
    var a = document.getElementById("datiextra2"+id);
    var b = document.getElementById("datiextra3"+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;
    if(b) b.style.display = valoreMostra;
    }
    else {
    d.style.display = "none";
    if(a) a.style.display = "none";
    if(b) b.style.display = "none";
    }
    }

    E poi nel corpo ho per esempio:

    <tr class="datiextra" id="datiextra2' . $scatola_temporanea['id']. '">
    <td class="sfondoquery3" id="lstr"><h3>Luogo</h3></td>
    <td class="sfondoquery3" id="nstr"><h3>Nome</h3></td>
    <td class="sfondoquery3" id="tstr"><h3>Tipo</h3></td>
    <td class="sfondoquery3" id="ms"><h3>Mese</h3></td>
    <td class="sfondoquery3" id="as"><h3>Anno</h3></td>
    </tr>

    <tr>
    <td class="sfondoquery" id="luogostr"> '. $scatola_temporanea['luogo'] . ' </td>
    <td class="sfondoquery" id="nomestr"> '. $scatola_temporanea['nome'] . ' </td>
    <td class="sfondoquery" id="tipostr">'. $scatola_temporanea['tipo'] . ' </td>
    <td class="sfondoquery" id="meses">'. $scatola_temporanea['mese'] . '</td>
    <td class="sfondoquery" id="annos">'. $scatola_temporanea['anno'] . '</td>
    <td><img src="dettaglio.png" onclick="mostradettagli('. $scatola_temporanea['id']. ')"> </td>
    </tr>

    Nel file css ho invece:

    .datiextra
    {
    display:none;
    }

    Grazie mille.