Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2013
    Messaggi
    4

    Finestra popup modale con variabile

    Ciao a tutti!

    Premetto che questa è la mia prima discussione , quindi se non sono nella sezione giusta scusatemi.

    Il mio problema ,che mi assilla da giorni ormai , è che vorrei aprire una finestra popup (lightbox) dentro ad un ciclo while , in cui estraggo i dati dal database per stamparli a video.

    In poche parole vorrei che quando premo il pulsante del record selezionato , mi appaia in primo piano un div con all'interno stampato l'id del record.

    Spero di essere stato chiaro.

    Appena posso posto il codice (che adesso non ho sottomano) .


    Grazie a tutti in anticipo.

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2013
    Messaggi
    4
    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.

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.