Autor | Zpráva | ||
---|---|---|---|
eNookyn Profil * |
#1 · Zasláno: 23. 10. 2011, 18:02:45
Dělám projekt, a došel sem ke kroku, kdy musím po změně obsahu file inputu spustit svojí vlastní dialog. Vše se mi daří, až na to že po spuštění dialogu stále jde klikat na odkazy na stránce atd. Potřebuju po zobrazení dialogu "deaktivovat" klikání na odkazy, inputy, čtení, ... a ztmavit obrazovku.
Vyjmutá a upravená ukázka z mého projektu: http://nookyn.maweb.eu/erg/page.php |
||
hexcross Profil |
#2 · Zasláno: 23. 10. 2011, 21:32:19 · Upravil/a: hexcross
No já osobně bych si vytvořil např. DIV který by se roztahoval přes celou stránku a měl nějáký background(třeba průhledbé PNG) a z-index např.1 , a ten tvuj DIV s dialogem by měl z-index 2. Ten background-div by jsi samozřejmně aktivoval společně s dialogem ;)
|
||
theNookyn Profil |
#3 · Zasláno: 24. 10. 2011, 15:48:41
Zkusil jsem, ale ten div mi nešel natáhnout přez celou stránku, vždy tam byl jen pruh ...
|
||
hexcross Profil |
#4 · Zasláno: 25. 10. 2011, 11:13:28
Zkusil jsi špatně ;)
<div class="trop">ModernĂ zdravotnĂ <a href="http://www.matrace-unar.cz" title="Matrace UNAR">matrace</a>, kterĂ© pomáhajĂ od bolesti - matrace UNAR, <strong>OblĂ©káme se stylovÄ›</strong> - <a href="http://www.krutyhadry.cz" title="KrutĂ© obleÄŤenĂ">obleÄŤenĂ</a> a hip hop obleÄŤenĂ, Nábytek, <a href="http://www.zidle.lino.cz" title="LINO Ĺľidle">Ĺľidle</a> a nábytkovĂ© doplĹ�ky na lino.cz</div><style> #vice { display: none; position: absolute; top: 40%; left: 39%; float: center; padding: 20px; width: 130px; height: 80px; background: white; border: 15px solid #aaa; text-align: center; vertical-align: middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 20px #aaa; -moz-box-shadow: 0px 0px 20px #aaa; box-shadow: 0px 0px 20px #aaa; z-index: 2000; } #cover{ position:absolute; width:100%; height:100%; background:gray; z-index:1000; top:0px; left:0px; display:none; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("input#soubor").change(function(event){ $("div#vice").show("slow"); $("div#cover").show(); }); }); </script> <div id="cover"></div> <input type="file" name="soubor" id="soubor"> <div id="vice"> <input type="submit" value="Nahrát"> </div> </form> |
||
theNookyn Profil |
#5 · Zasláno: 26. 10. 2011, 09:36:10
Po dlouhém zkoušení nakonec funguje :) ... díky za pomoc.
|
||
Časová prodleva: 13 let
|
0