Autor Zpráva
dizzyn
Profil *
Ahoj,
rád bych se zeptal, zda nemá někdo tušení jak Google dělá dialogy ve svých aplikacích.

Pokud například v Google Page Creatoru vložíte odkaz, otevře se modální okno, které je ve skutečnosti DIV a celá stránka vespod ztmavne a veškeré prvky přestanou být aktivní.

Jak zneaktivnit a zašednout celou stránku, stačí jen teorie, vybastlím si to a pošlu to sem?

Děkuji.
habendorf
Profil
Třeba překrýt abs. pozicovaným poloprůhledným obrázkem se 100% width a height.
habendorf
Profil
... no a přes něj samozřejmě ještě ten dialog.
Mike8748
Profil
a nebo jednoduse zachytavat udalosti mysi, a pokud je aktivni "modal" tak udalosti predavat dal pouze pokud bude v oblasti toho okna. (zmacknes mys, zameri se souradnice, pokud jsou mimo dialog, tak se udalost zrusi, pokud je v okne, tak se necha normalne zpracovat)
dizzyn
Profil *
Tak mam to, díky a přikládám funkční kód (vložit do html souboru)

:)

<html>
<body>
<style>
#form{
position: absolute;
width: 100px;
height: 100px;
border: 1px solid red;
background: gray;
padding: 100px;
}
#clona{
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
background: #184194;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
</style>
<script>
function openWindow() {
var the_clona = document.getElementById("clona");
the_clona.style.display = "block";

var the_form = document.getElementById("form");
the_form.style.display = "block";
}
</script>


Blah <input type="submit" value="Open window" onclick="openWindow()"/>
<div id="clona" style="display:none">&nbsp;</div>
<div id="form" style="display:none">Okno</div>
</body>
</html>
habendorf
Profil
Fajn. Jen mě pobavilo the_clona :o)
Toto téma je uzamčeno. Odpověď nelze zaslat.