Ciao a tutti ecco il problema.
Nella mia pagina faccio un elenco di elementi (div) e cliccando su uno vorrei che venissero visualizzati i suoi dettagli facendo apparire nella stessa pagina un div "dettagli".
for ($i=1; $i<17 ; $i++) {
?>
<div id="struttura" onclick="mostra(<?php echo $i;?>)">
livello </br> </br> </br>
Strttura n <?php echo $i;?>
</div>
<div id="dettaglioStruttura<?php echo $l; ?>" onclick="nascondi(<?php echo $i;>)">
Costruzione struttura <?php echo $i."</br>"; ?>
</div> <?php }?>
Funzioni JavaScript:
<script type="text/javascript">
function mostra(int i)
{
document.getElementById("dettaglioStruttura".i).st yle.display="block";
document.getElementById("struttura").style.display ="none";
}
function nascondi(int i)
{
document.getElementById("dettaglioStruttura".i).st yle.display="none";
document.getElementById("struttura").style.display ="block";
}
</script>
Il CSS (non lo metto per tutti i dettagli .. cambierebbe solo il nome):
div#dettaglioStruttura1{
display: none;
background-color: blue;
width: 790px;
height: 185px;
float: top;
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
}
A parte l'allineamento, mi interessa principalmente risolvere il problema php-javascript.
Grazie.