Autor | Zpráva | ||
---|---|---|---|
dizzyn Profil * |
#1 · Zasláno: 27. 5. 2007, 22:56:23
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 |
#2 · Zasláno: 27. 5. 2007, 22:59:31
Třeba překrýt abs. pozicovaným poloprůhledným obrázkem se 100% width a height.
|
||
habendorf Profil |
#3 · Zasláno: 27. 5. 2007, 23:00:03
... no a přes něj samozřejmě ještě ten dialog.
|
||
Mike8748 Profil |
#4 · Zasláno: 28. 5. 2007, 11:15:17
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 * |
#5 · Zasláno: 28. 5. 2007, 11:47:15
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"> </div> <div id="form" style="display:none">Okno</div> </body> </html> |
||
habendorf Profil |
#6 · Zasláno: 28. 5. 2007, 11:49:51
Fajn. Jen mě pobavilo the_clona :o)
|
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0