Questo è lo script java che uso per aprire il popup overlay:
codice:
<script type="text/javascript">
$(document).ready(function() {
$(".apri").click(
function(id){
$('#overlay').fadeIn('fast');
$(".box"+id).fadeIn('slow');
});
$(".chiudi").click(
function(){
$('#overlay').fadeOut('fast');
$(".box").hide();
});
//chiusura emergenza
$("#overlay").click(
function(){
$(this).fadeOut('fast');
$(".box").hide();
});
});
</script>
Questo invece il codice CSS :
codice:
.apri{ font-size:18px; font-family:Verdana, Geneva, sans-serif; float:left; }
.apri:hover{ cursor:pointer;}
.chiudi{ font-size:18px; color:#000; font-weight:bold; position:absolute; right:2%; top:0%; cursor:pointer;}
.overlay{
background:#000;
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:100;
cursor:pointer;
/*Trasperenza cross browser*/
opacity: .7; filter: alpha(opacity=70);
-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.box{ width:600px; height:400px; background-color:#FFF; display:none; z-index:+300; position:absolute; left:35%; top:40%; -moz-border-radius: 15px; -webkit-border-radius: 15px;
border-radius: 15px;}
Questo il codice php:
Codice PHP:
<?php
while ($conve = mysql_fetch_array ($conversazione))
{
$i =$conve['id'];
echo '<div class="overlay" id="overlay" style="display:none;"></div>';
echo '<div class="box+$i" style="display: none;">';
echo $i;
echo' <p class="chiudi">X</p>';
echo '</div>’;
}
?>
Infine richiamo la funzione così all'interno del ciclo while :
Codice PHP:
echo '<p class="apri">Apri overlay</p>';
Dove sbaglio ?
Grazie per ogni risposta.