Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2001
    Messaggi
    103

    overlay con dati da un database

    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
    neho

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2001
    Messaggi
    103
    mi dispiace se ho sbagliato il luogo...ma puoi consigliarmi qualcosa per poter risolvere il problema...grazie mille intanto per la risposta...
    neho

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.