Originariamente inviato da hw.master
ho vito fare queste cose in esempi di librerire ajax, apri una finestra a parte e la pagina viene bloccata, resa di colore diverso, ma non capisco come fare.
grazie.
HW
Se ho capito bene tu vorresti che alla pressione di un link che apre una popup/finestra la pagina "madre" si disabiliti sovrapponendo un div a tutto schermo semitrasparente (in modo che si possa vedere il contenuto ma non si possa modificare)
una cosa del genere:
head:
codice:
<style type="text/css">
#copripagina{
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index:100;
width: 100%;
height:100%;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
visibility: hidden;
}
</style>
lo richiami cosi:
codice:
<a href="tuapagina.html" onclick="document.getElementById('copripagina').style.visibility='visible';"
subbito dopo il tag body:
codice:
<div id="copripagina">
</div>
Qui nascono i problemi cioè chiudendo la popup/finestra dalla croce (chiudi in alto a Dx) non nasconderesti il div, percui consiglio che dentro al div copripagina tu inserisca un altro div che contenga un iframe, nel quale si aprirai la pagina desiderata e un link per nascodere il tutto tipo
codice:
<a href="chiudi" onclick="document.getElementById('copripagina').style.visibility='hidden';"
Spero che questo sia quello che cercavi altrimenti posta un link d'esempio dove hai visto fare quello che cerchi altrimenti diventa difficile capirsi.