<script type="text/javascript">
function visualizza(azione, num) {
var elemento="aa"+num;
var elem = document.getElementById(elemento);
elem.style.visibility = azione;
}
</script>
<style type="text/css">
td{
vertical-align:top;
text-align:left;
}
.aa{
background-color:#CCCCCC;
width: auto;
height: auto;
z-index:99;
visibility:hidden;
border-color:#FF0000;
border-width:2px;
border-style: inset;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow: 2px 4px 5px #a6aeb7;
}
img{
cursor:pointer;
}
</style>
<?php
$query=mysql_query("SELECT * FROM prodotti");
if(mysql_num_rows($query)>0){
echo "<table>";
$k=0;
while( $riga=mysql_fetch_array($query)){
$nome_immagine=$riga['immagine'];
$nome_prodotto=$riga['nome'];
$descr_prodotto=$riga['descrizione'];
$per_testo="<strong>$nome_prodotto</strong><br>".nl2br($descr_prodotto);
echo "<tr><td><img src=\"".$nome_immagine."\" alt=\"".$nome_prodotto."\" border=\"0\" onmouseover=\"visualizza('visible', $k)\" onmouseout=\"visualizza('hidden',$k)\"/></td><td>".$per_testo."</td><td class=\"aa\" id=\"aa$k\" >$per_testo</td></tr>";
$k++;
}
echo "</table>";
}else{
echo "non ci sono prodotti";
}
?>