DIV wyskakujący, wyśrodkowany itd.

[macieks68]

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]

[Kartofelek]

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)

[atp]