Skocz do zawartości

"pop-up" na divach

stanleyj

Przez stanleyj
w HTML i CSS

Rekomendowane odpowiedzi

stanleyj Newbie

stanleyj

Opublikowano
Opublikowano

Witam

Własnie jestem w trakcie całkowitego przebudowywania serwisu (czas zmienić koszmarek ;) .

Niesetety napotkałem problem z którym nie umiem sobie poradzić, mianowicie chciałbym aby po załadowaniu strony wyświetlał się blok tekstu być może z obrazkiem - coś ala pop-up i po powiedzmy 20 sek. znikał.

Wie ktoś może czy da się coś takiego na div-ach zrobić?

i Jeśli tak to moze jakies wskazówki??

pozdrawiam

Stanleyj

Odnośnik do komentarza
Udostępnij na innych stronach
vel Newbie

vel

Opublikowano
Opublikowano

gdzieś kiedyś tak na prędce robiłem takie coś:


<BODY ONLOAD="reklama_wlacz('drekl');">

<STYLE TYPE="text/css">

.reklama {

VISIBILITY: hidden;

POSITION: absolute;

BACKGROUND-COLOR: transparent;

}

</STYLE>

<SCRIPT LANGUAGE="JavaScript">

nn4 = (document.layers) ? true : false;

ie4 = (document.all) ? true : false;



function reklama_wlacz(warstwa)

{

OknoSzer = screen.width;

ReklamaSzer = 700;

LayerName = warstwa;

IleSekund = 10;



if (nn4)

{

 document.layers[warstwa].left= (OknoSzer/2 - 20) - ReklamaSzer/2;

 document.layers[warstwa].top=220;

 document.layers[warstwa].visibility="visible";

}

if (ie4)

{

 document.all[warstwa].style.pixelLeft= (OknoSzer/2 - 20) - ReklamaSzer/2;

 document.all[warstwa].style.pixelTop=220;

 document.all[warstwa].style.visibility="visible";

}

setTimeout("reklama_wylacz()", IleSekund*1000);

}



function reklama_wylacz()

{

if (nn4) document.layers[LayerName].visibility="hidden"

if (ie4) document.all[LayerName].style.visibility="hidden";

}

</SCRIPT>

<DIV CLASS="reklama" ID="drekl">

<TABLE ALIGN="center" WIDTH="700" CELLSPACING="0" CELLPADDING="0" BORDER="0">

<TR>

   <TD WIDTH="700" HEIGHT="200" ALIGN="center" VALIGN="middle" BACKGROUND="/gfx/kratka2x2.gif">

<IMG SRC="/banery/bannerdominium.gif" WIDTH="336" HEIGHT="100" HSPACE="0" VSPACE="0" BORDER="0" ALT="">

</TD>

</TR>

</TABLE>

</DIV>

powinno dzialac, pamietaj o sekcji onload w body. ten kod chyba jest kompletny. zalacza layera wysrodkowanego i po IleSekund layer znika. mam nadzieje, ze to jeszcze działa ten kod ;)

Kup sobie nieruchomości Kraków albo apartamenty Zakopane. Obejrzyj też fotoblog Grzegorza Ziemiańskiego Nowa Huta na deser

Odnośnik do komentarza
Udostępnij na innych stronach
Maciek Newbie

Maciek

Opublikowano
Opublikowano

vel, boshe, kiedy Ty to pisales ;-)

pozwolilem sobie skrocic kod oraz poprawic aby dzialalo w Mozilli (zamiast w NN4) ;)


ie = (document.all) ? true : false;



function reklama_wlacz(warstwa) {

doc = (ie ? document.all[warstwa] : document.getElementById(warstwa));

if(!doc) return;

OknoSzer = screen.width;

ReklamaSzer = 700;

IleSekund = 10;



with(doc.style) {

 left = (OknoSzer/2 - 20) - ReklamaSzer/2;

 top = 220;

 width = ReklamaSzer;

 visibility = "visible";

}

setTimeout("reklama_wylacz()", IleSekund*1000);

}



function reklama_wylacz() {

try {

 doc.style.visibility="hidden";

} catch(e) {}

}

Odnośnik do komentarza
Udostępnij na innych stronach
vel Newbie

vel

Opublikowano
Opublikowano
vel, boshe, kiedy Ty to pisales ;-)

hmmm no tak ze 3 lata temu ;) to było jakieś takie sobie demo na boku pisane ;)

pisałem, że kod stary, ale idea działania jest ok ;)

dzięki za poprawkę ;)

Kup sobie nieruchomości Kraków albo apartamenty Zakopane. Obejrzyj też fotoblog Grzegorza Ziemiańskiego Nowa Huta na deser

Odnośnik do komentarza
Udostępnij na innych stronach
vel Newbie

vel

Opublikowano
Opublikowano
mam jeszcze jedno lamerskie  pytanie- bez JS sie nie da??

raczej nie ;)

musisz zmieniać w jakiś sposób "widzialność" wartswy i do tego js jest niezbędny ;)

Kup sobie nieruchomości Kraków albo apartamenty Zakopane. Obejrzyj też fotoblog Grzegorza Ziemiańskiego Nowa Huta na deser

Odnośnik do komentarza
Udostępnij na innych stronach
  • 3 miesiące temu...
Mion Veteran

Mion

Opublikowano
Opublikowano

Prosił bym o pomoc w przerobieniu powyższego kodu tak aby warstwę było można włączyć i wyłączyć po kliknięciu na link.

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach
Mion Veteran

Mion

Opublikowano
Opublikowano

dałem rady samemu :-)

<A HREF="javascript:reklama_wlacz('drekl')">Włacz</A>

<A HREF="javascript:reklama_wylacz()">Wylącz</A>

8)

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach
Mion Veteran

Mion

Opublikowano
Opublikowano

Niestety pojawił się dodatkowy problem... Mianowicie jak w tej warstwie która jest ukryta wstawiony jest obraz np. zdjęcie <IMG SRC="duze_zdjecie.jpg"> jest ono od razu ładowane. Zatem czy idzie tak zrobić aby zdjęcie było ładowane dopiero po uaktywnieniu tej warstwy ?

:lol: #-o

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach
  • 1 miesiąc temu...
`g Newbie

`g

Opublikowano
Opublikowano

a jest mozlowosc poprawienia tego kodu bez tego czasowego wylaczania sie?

chcialbym aby byla tylko mozliwosc recznego wylaczenia poprzez link <A HREF="javascript:reklama_wylacz()">Wylącz</A>

Zwiedzaj multimedialnie TRÓJMIASTO z AUDIO PRZEWODNIKIEM - bądź indywidualny.

certyfikat energetyczny świadectwo energetyczne charakterystyka energetyczna

Tradycjonalne jak i modernistyczne DONICE doskonale się nadają do urozmaicenia mieszkania, miejsca pracy jak i ogrodowych zaciszy domu.

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności