+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: DIV wyskakujący, wyśrodkowany itd. (/thread-div-wyskakujacy-wy%C5%9Brodkowany-itd)
DIV wyskakujący, wyśrodkowany itd. - macieks68 - 06-02-2013
Szukam, szukam i nie mogę znaleźć gotowego projektu a wiec prosze o pomoc..
Chodzi mi o wyskakujący div z reklamą 300x250 pry wejsciu na stronę:
-tylko raz na 12 godzin
-przesuwający się razem ze stroną (wyśrodkowany)
-z małym "X' zamykającym reklamę (przed zamknięciem brak możliwości obsługi strony)
W tym momencie stworzyłem to co umiem i stoję w miejscu. barzdo prosze o pomoc jak zrobić aby spełniał powyższe warunki (zawsze na srodku, tylko raz na 12 godzin, maly X w prawym gornym rogu tak aby był widoczny nad banerem np. flash)
to co mam w head:
Kod:
<style type="text/css">
#okienko
{
position:absolute;
visibility:visible;
top:0;
left:0;
z-index = 100;
width: 100%;
height: 100%;
}
</style>a następnie:
Kod:
<div id="okienko">
<div style="position:absolute; top:50%; left:50%; width:300px; height:250px; margin:-125px 0 0 -150px;" onClick="document.getElementById('okienko').style.display='none'">
tutaj baner 300x250
</div>
</div>[/php]RE: DIV wyskakujący, wyśrodkowany itd. - Kartofelek - 06-02-2013
1) nie ma znaku = w stylach. A ty masz.
2) visibility ci nie potrzebne. Ale #okienko powinno mieć pozycjonowanie fixed a nie absolute
3) nie pisz stylów inline w znacznikach
4) Oddzielaj skrypty od html. Czytaj: http://doman.art.pl/kursjs/kurs/events.html#inline Osobiście polecam użyć jQuery
5) Użyj cookie do zapisu ciasteczka z czasem ostatniego wyświetlenia dla danego użytkownika. Potem to pobierasz i wyświetlasz lub nie. jQuery cookie lub podobne biblioteki zrobią całą pracę za ciebie
6) obsługę [x] już sam napisałeś. Wystarczy tylko podpiąć to pod x, tło popupa czy co tam chcesz (dlatego też patrz pkt 4)
RE: DIV wyskakujący, wyśrodkowany itd. - atp - 06-02-2013