Witam!
Tworzę pewną stronę i wszystko mam już gotowe prócz wyświetlania div'u takiego jak np na śledziku przy dodawaniu jakiegoś tekstu poniżej zamieszczam screena:
Screen
Po kliknięciu w input ma się pokazać div w którym będzie pisało np Dziękuje! a pod spodem następny input/button w którego trzeba kliknąć aby zamknąć div'a. Div jak na screenie powinien przyciemnić lekko stronę a po środku mieć ramkę z jakimś kolorem.
Z góry dziękuje za pomoc, pozdrawiam.
Div zakrywający całą stronę
-
cysioland
- Posty: 206
- Rejestracja: 14 lut 2009, 21:18:54
- Strona na CBA.pl: http://computer-planet.cba.pl
- Lokalizacja: Krapkowice
- Płeć:
- User Agent:
- Kontakt:
Re: Div zakrywający całą stronę
Może to:
Kod: Zaznacz cały
<div id="cover" style="position: fixed; top: 0; left: 0; background-color: #000; display: none;">
<div id="boxincover" style="width: 300px; height: 200px; margin: 25%">
Fenks xD
<button onclick="document.getElementById('cover').style.display = 'none'">Zamknij</button>
</div>
</div>
<button onclick="document.getElementById('cover').style.display = 'block'">Otwórz</button>
Re: Div zakrywający całą stronę
Dokładnie o to! Dzięki! Jesteś wielki! Jednak mam jeszcze jeden problem. Otóż ten div jest połączony z kodem.
Wkleję tutaj coś przykładowego
Wszystko znajduje się w jednym pliku test.php. I jeśli kliknę 1, zagłosuję to div szybko otwiera się i zamyka. A zależy mi na tym aby przekierowało do strony test.php?ocen=1, wykonało akcję typu dodanie rekordu do bazy i wyświetlenie tego div'a. Jakieś porady lub inne pomoce:)!?
Wkleję tutaj coś przykładowego
Kod: Zaznacz cały
<div style="position: fixed;">
<a href="test.php?ocen=1" onclick="document.getElementById('cover').style.display = 'block'">1</a>
</div>
<?php
//Ocenianie
if ($_POST['ocen'] == "1") {
//tu jeszcze jest wywołanie jakiś akcji itp...
?>
<div id="cover" style="position: fixed; top: 0; left: 0; background-color: #000; display: none;">
<div id="boxincover" style="width: 300px; height: 200px; margin: 25%">
Dziękuje za oddanie głosu!
<a href="#" onclick="document.getElementById('cover').style.display = 'none'">Zamknij</a>
</div>
</div>
<?php
exit;
}
?>
-
cysioland
- Posty: 206
- Rejestracja: 14 lut 2009, 21:18:54
- Strona na CBA.pl: http://computer-planet.cba.pl
- Lokalizacja: Krapkowice
- Płeć:
- User Agent:
- Kontakt:
Re: Div zakrywający całą stronę
Problem jeszcze aktualny?