Aprire finestre indipendenti

**theboss280489** · 21-11-2011, 14:39

Salve a tutti.
Avete presente un popup in javascript?
Una finestra che si apre ma che ha i bordi impostati dal browser, lo scroll ecc ecc.
Qualcuno saprebbe suggerirmi qualche script per aprire una finestra che non sia un popup ma qualcosa di piu' "scenografico"?.
A me servirebbe semplicemente aprire uno spazio in cui andare a scrivere dentro come per esempio quelle gallerie fotografiche che quando si clicca sulla foto la aprono oscurando lo sfondo. A me servirebbe la stessa cosa per non si deve aprire una foto ma una vera e propria pagina.
Grazie

**carlomarx** · 21-11-2011, 14:55

Potrebbe essere una base molto semplice da cui partire…:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<style type="text/css">
#myPopup {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	background-color: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#myPopup div {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

#myPopup div div {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 2px #444444 solid;
	width: 500px;
	height: auto;
	background-color: #004499;
}

#myPopup div div span.intLink {
	display: block;
	width: auto;
	height: auto;
	cursor: pointer;
	float: right;
	margin-right: 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

#myPopup div div div {
	clear: both;
	border: 0;
	margin: 12px;
	width: 476px;
	height: 276px;
	color: #ffff00;
	font-family: Comic Sans MS;
}
</style>
</head>
<body>



<div id="myPopup"><div><div><span class="intLink" onclick="var oPopup=document.getElementById('myPopup');oPopup.parentNode.removeChild(oPopup);">&amp;times;</span><div>



Contenuto del div qui</p>


Altro paragrafo</p>


Altro paragrafo</p>

</div></div></div></div>




Lorem ipsum dolor sit</p>
</body>
</html>

**theboss280489** · 22-11-2011, 10:18

Grazie mille proprio quello che cercavo.
Dovendo far apparire quel popup cliccando su un link quindi isolando il codice del div come posso fare?

**carlomarx** · 22-11-2011, 13:38

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<style type="text/css">
#popupCont {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	background-color: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#popupCont div {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

#popupCont div div {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 2px #444444 solid;
	width: 500px;
	height: auto;
	background-color: #004499;
}

#popupCont div div span.intLink {
	display: block;
	width: auto;
	height: auto;
	cursor: pointer;
	float: right;
	margin-right: 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

#popupCont div div div {
	clear: both;
	border: 0;
	margin: 12px;
	width: 476px;
	height: 276px;
	color: #ffff00;
	font-family: Comic Sans MS;
}

span.intLink {
	color: #0000ff;
	cursor: pointer;
	text-decoration: underline;
}
</style>
</head>
<body>

<div id="myPopup" style="display:none;">

<div id="popupCont"><div><div><span class="intLink" onclick="document.getElementById('myPopup').style.display='none';">&times;</span><div>



Contenuto del div qui</p>


Altro paragrafo</p>


Altro paragrafo</p>

</div></div></div></div>

</div>



<span class="intLink" onclick="document.getElementById('myPopup').style.display='block';">Clicca qui!</span></p>



Lorem ipsum dolor sit</p>
</body>
</html>

**theboss280489** · 22-11-2011, 13:59

Graaazie

**theboss280489** · 23-11-2011, 09:41

Mi sto trovando in difficoltà nell'utilizzo di questo codice poichè a me servirebbe passare dei paramentri alla finestra che si apre.
Per esempio:
apri finestra
E' possibile farlo anche utilizzando quel codice.
Grazie nuovamente

**theboss280489** · 15-12-2011, 13:24

Ragazzi nessuno puo' aiutarmi per favore?

**cavicchiandrea** · 15-12-2011, 13:42

Originariamente inviato da theboss280489
Mi sto trovando in difficoltà nell'utilizzo di questo codice poichè a me servirebbe passare dei paramentri alla finestra che si apre.
Per esempio:
apri finestra
E' possibile farlo anche utilizzando quel codice.
Grazie nuovamente

Non essendo una finestra non è possibile.
Soluzioni:
A) Inserisci nel div che apri un iframe e carichi la pagina nel iframe (operazione più semplice)
B) Utilizzi ajax (se prefierisci o conosci jquery puoi usare quello o leggerti la guida specifica) per caricare la pagina nel div

Discussione: Aprire finestre indipendenti

Strumenti discussione

Ricerca discussione

Visualizza

Aprire finestre indipendenti

Permessi di invio