- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Applicare un effetto fade
-
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.