alert hlaška trocha inak

napisal si to dost nezrozumitelne, ale ak som dobre pochopil, chces aby ti vyskocilo okienko a gif animaciou.
urobis to jednoducho, otvoris si nove okno s obsahom animacie(window.open) duam, ze som ta dobre pochopil:)

adamico
Nasimulujte to pomocí <div> + z-index

Neotevírejte nové okno, ale prostě "nad" stránkou otevřete <div>, jehož vzhled si definujete tak, aby simulovatl to upozornění.

Ale záleží taky na konkrétním využití.

Takhle nějak:

<style>
#alert {width: 230px; background: #ffc; font-family: sans-serif; border: 2px solid gray; position: absolute; top: 20%; left: 10%; }
h4 {background: #009; color: white; padding-left: .5em; margin: 0;; border: 2px solid #009}
h4#x {background: red; color: white; float: right; border: 2px solid #ddd; padding: 0 5px}
#alert p {padding: .2em .5em .7em; margin: 0; }
</style>
<div id="alert">
<h4 id=x>X</h4>
<h4>Hláška</h4>
<p>Systém je v nestabilním stavu. Vyměňte uživatele.</p>
</div>

Ale JS a DOM neumím, ten bude třeba přidat tak, aby "okno vyskočilo" jen těm, co mají zaplý JS (bez JS by se hláška zobrazla normálně v toku textu) a taky zmizení "okna" po klepnutí kdekoliv na "okno" nebo na křížek.

Bubák
No, tak nějak. Ještě to naskriptovat, aby to fungovalo :-)

Hláška by se načetla zobrazovala a skrývala nastavením display:none a display:block
Případně se dá ještě skrýt hlavní obsahový <div>, aby uživatel nemohl hlášku vesele ignorovat a klikat si dál.
Když si s tím člověk vyhraje, dají se takhle udělat docela kouzla. Můžete zobrazovat jakoby různá okna, dialogy a podobně, všechno jen přepínáním viditelnosti prvků.
Nevýhodou je, že to vyžaduje zapnutý JavaScript, takže bych to dělal jen pro takové použití, kde se zapnutý JavaScript dá předpokládat. Například já něco podobného aplikoval v jakémsi editoru, který jede celý na JS a pak má zvlášť zjednodušenou variantu pro vypnutý JS

Joker
„Nevýhodou je, že to vyžaduje zapnutý JavaScript“ a alert snad funguje bez JS ;-)

No abyste neříkali, že jen rejpu… můžete se kouknout na http://prototype-window.xilinus.com/ (ale použití té knihovny nedoporučuji začátečníkovi s JS)