Problema finestra popup

fradamma

Utente Attivo
28 Set 2012
93
0
0
Ciao a tutti,
arrivo subito al dunque: ho un tasto di input in una pagina html che al click deve generare una semplicissima funzione, vale a dire aprire una nuova finestra del browser in popup (precisamente sarà una pagina di action). Io ho creato il seguente codice, però alla fine dell'implementazione mi sono accorto che non va bene, in quanto quello che apro io non è altro che un div inizialmente nascosto. In realtà io devo aprire una nuova finestra del browser con effetto fade!
Come posso fare? Io vorrei avere semplicemente il controllo del popup con jquery per poter attribuire degli effetti carini.
Grazie e buon fine settimana

Codice:
         <input type="button" class="cliccaqui" value="notifiche"  />

        <div id="sfondo_nero"></div>
	
        <div class="finestra_popup">	TESTO  </div>

Codice:
           <style>
			#sfondo_nero{
				background-color:#000000;
				cursor:pointer;
				height:100%;
				width:100%;
				left:0;
				top:0;
				position:fixed;
				opacity: 0.65;
				-moz-opacity: 0.65;
				filter:alpha(opacity=65);
				z-index:1000;
				display:none;
			}

			.finestra_popup{
				background-color:#FFFFFF;
				border:3px solid #AAAAAA;
				padding:5px;
				position:fixed;
				z-index:1001;
				display: none;
				width: 350px;
				height: auto;
				left: 50%;
				top: 50%;
				margin-left: -175px;
				margin-top: -175px;
				text-align:center;
				-webkit-box-shadow: 0px 0px 10px #525252;
				-moz-box-shadow: 0px 0px 10px #525252;
			}

		</style>

Codice:
<script>
				$(document).ready( function(){

					$(".cliccaqui").click(function(){
						$(".finestra_popup").fadeIn("slow");
						$("#sfondo_nero").css("display", "block");
				 
							$("#sfondo_nero").click(function(){
								$("#sfondo_nero").css("display", "none");
								$(".finestra_popup").fadeOut("slow");
							});
					}); 

				});
		</script>
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
CIao, per aprire una nuova finestra si usa window.open()
non credo si possano applicare effetti
 

fradamma

Utente Attivo
28 Set 2012
93
0
0
E se "aggirassi l'ostacolo" facendo apparire un iframe all'interno del div che richiamo con jquery? nella fattispecie del mio esempio "finestra_popup"? Al click, si apre questo div con effetto fade, e all'interno un iframe con la nuova pagina web...
 

fradamma

Utente Attivo
28 Set 2012
93
0
0
Ho provato a modificare così ma non succede nulla

Codice:
	$(".cliccaqui").click(function(){
		$(".finestra_popup").fadeIn("slow");
                $(".finestra_popup").load('http://www.google.com');
		$("#sfondo_nero").css("display", "block");
		      
                          $("#sfondo_nero").click(function(){
				$("#sfondo_nero").css("display", "none");
				$(".finestra_popup").fadeOut("slow");
			});
	});
 
Discussioni simili
Autore Titolo Forum Risposte Data
novello88 Problema finestra di conferma (che non appare) Javascript 1
A Problema con finestra modale jQuery 0
T problema con la finestra di login riservata PHP 1
C problema seo + cerco esperto SEO e Posizionamento 1
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1
M Problema Wi-Fi Linux Linux e Software 0
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
Daniele_Carrara Problema Aperture Mailup Email Marketing 5
F PROBLEMA ACCESSO INSTAGRAM Discussioni Varie 2
R Problema connessione db PHP 7
M problema if PHP 2
G Problema con Get page PHP 4
N Problema passaggio variabili tra pagine PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
H problema carrello woocommerce PHP 2
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
M Problema su query JOIN in tre tabelle PHP 0
S Problema esportazione tabelle Mysql in Excel PHP 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
M Problema su update di 3 tabelle PHP 1
T problema con select dinamica con jquery Javascript 0
A Problema checkout carrello php PHP 2
R Problema al server Domini 0
A Problema nel passare la variabile PHP 0
G Problema update di un database PHP 0

Discussioni simili