Jak zrobić modalne wyskakujące okienko, takie jak Gmail (gdy próbujemy przesłać exe pop-up, który generuje okładki paska przewijania strony)
Odpowiedzi:
1 dla odpowiedzi № 1Sprawdź następujące wtyczki modalnego okna dialogowego dla jQuery:
7 dla odpowiedzi nr 2
Gmail działa na iframe i nakładkę div nie znajduje się w tym elemencie iframe, więc pozostaje na szczycie ramki iframe w górnej części paska przewijania.
Kod z Gmaila
html, body {
height:100%;
margin:0;
overflow:hidden; /* no scrollbars (only in the iframe) */
width:100%;
}
.cO { /* this is the iframe */
height:100%;
width:100%;
}
.Kj-JD {
background-color:#C3D9FF;
border:1px solid #4E5766;
color:#000000;
outline:0 none;
padding:5px;
position:absolute;
top:0;
width:450px;
z-index:501; /* div stays on top */
}
.Kj-JD-Jh { /* the shadow */
background-color:#808080;
left:0;
position:absolute;
top:0;
z-index:500;
}
Przykładowy HTML
<body>
<iframe class="cO">...</iframe> <!-- the scroll works on the iframe, not the body -->
<div class="Kj-JD"></div> <!-- outside the iframe -->
<div class="Kj-JD-Jh" style="opacity: 0.5; width: 1440px; height: 361px;"></div> <!-- black background -->
</body>
Aby pokazać div na górze, polecam jqModal, wykonuje całą ciężką pracę dla ciebie.
1 dla odpowiedzi nr 3
Zapoznaj się z opcją modalną w oknie dialogowym jQuery UI lub funkcją alertu JavaScript, jeśli potrzebujesz tylko prostego okna dialogowego tekstowego.
0 dla odpowiedzi nr 4
Spójrz na opcja modalna w oknie dialogowym jQuery UI lub JavaScript alert() funkcja, jeśli potrzebujesz tylko prostego okna dialogowego tekstowego.