salve,
ho cercato qualcosa che possa aiutarmi nel forum, ma non ho trovato niente di simile che possa farmi capire dove sbaglio.
Allora...ho un database che apro in una pagina generale. Nell'elenco ho una serie di matrimoni con eventuali viaggi. con un hover sopra gli invitati si dovrebbe aprire un overlay che mostra dei dati presi da una tabella in mysql. funziona tutto solo che mi mostra sempre lo stesso dato.
ecco il codice:
codice:
<?php 	
include 'connessione.php'; 
?> 
<!DOCTYPE html> 
<html lang="it-IT"> 	
<head> 	    
<meta charset="UTF-8" /> 		
<title>Mostra dati sposi</title> 		
<link rel="stylesheet" type="text/css" href="per_overmouse.css" /> 		
<script type="text/javascript" src="js/jquery.js"></script> 		
<script type="text/javascript" src="js/vedi_tabelle.js"></script> 	
</head> 	
<body> 		 		
<table border="1" cellpadding="4" cellspacing="0" width="750" align="center" bgcolor="#FFFFCC"> 			
<thead> 				
<th>Sposi</th><th>data</th><th>titolo</th><th>periodo</th><th>pdf</th><th>completato</th><th>invitati</th><th>quote</th> 			
</thead> 			
<?php                     
$dati = mysql_query("select * from sposi"); 				    while($array=mysql_fetch_array($dati)) { 					
echo "<tr>"; 					
echo "<td>$array[sposi]</td>";                     
echo "<td>$array[data_2]</td>"; 					
echo "<td>$array[titolo]</td>"; 					
echo "<td>$array[periodo_viaggio]</td>"; 					
echo "<td>$array[pdf]</td>";                    
echo "<td>$array[completato]</td>";                                       
echo "<td><p class='apri'>invitati</p></td>";                     
echo "<td><a href=\"quote.php?id=$array[idsposi]\" class='apri'>quote</a></td>";                     echo "<td>$array[idsposi]</td>";                     
echo "</tr>";                     
sopra($array[idsposi]);                     
}                                     
function sopra($id){                     
$dati2 = mysql_query("SELECT * FROM invitati WHERE sposi_idsposi LIKE '$id'");                     
while ($array2 = mysql_fetch_array($dati2)) {                         
echo "<div class='overlay' id='overlay' style='display: none;'></div>";                         
echo "<div id='box'>";                         
echo "<p class='testo-box'>";                         
echo "$array2[login]";                         
echo "</p>";                         
echo "<p class='testo-box'>";                         
echo "$array2[password_2]";                        
echo "</p>";                         
echo "<p class='chiudi'>X</p>";                         
echo "</div>";                        
}                 
}               
 ?> 	
</body> 
</html>
il codice jquery che genera l'overlay è questo:
codice:
$(document).ready(function(){ 	
$(".apri").hover( 		
function(){ 			
$('#box').show(); 			
$('#overlay').fadeIn('fast'); 			
$('#box').fadeIn('slow'); 		
},function(){ 			
$('#overlay').fadeOut('slow'); 			
$('#box').hide(); 		
}); 	
$(".chiudi").click(function(){ 		
$('#overlay').fadeOut('fast'); 		
$('#box').hide(); 		 	
}); 	//chiusura emergenza 	
$("#overlay").click( 		
function(){ 			
$(this).fadeOut('fast'); 			
$('#box').hide();	 		
}); 
});
spero che possiate mostrarmi dove sbaglio...grazie per il vostro tempo
neho