Felugró ablak 

Információ:

Ezzel a scriptel egy felugró ablakot tudunk előidézni és azt tudjuk szerkeszteni ezt az ablakot egy X gombal ki lehet kapcsolni. Felsorolok több fajtát hiszen mindenkinek más az igénye

 

Sima felugró ablak ami nem mozdul és a helyén marad:

<div

 style="border: 1px solid rgb(0, 0, 0); position: absolute; z-index: 100; text-align: right; left: 100px; width: 491px; top: 100px; height: 289px;"
 id="hirdetes_div"><span
 style="text-decoration: underline;"></span><a
 href="javascript: document.getElementById('hirdetes_div').style.display='none';"><img
 style="border: 0px solid ; top: 101px; left: 269px; width: 32px; height: 32px;"
 alt=""
 src="http://png.findicons.com/files/icons/2118/nuvola/48/button_cancel.png"></a><br>
<div style="text-align: left;">szöveg ide...</div>

 

Sima felugró ablak ami mozog a görgetés során.

<div

 style="border: 1px solid rgb(0, 0, 0); position: fixed; z-index: 100; text-align: right; left: 100px; width: 491px; top: 100px; height: 289px;"
 id="hirdetes_div"><span
 style="text-decoration: underline;"></span><a
 href="javascript: document.getElementById('hirdetes_div').style.display='none';"><img
 style="border: 0px solid ; top: 101px; left: 269px; width: 32px; height: 32px;"
 alt=""
 src="http://png.findicons.com/files/icons/2118/nuvola/48/button_cancel.png"></a><br>
<div style="text-align: left;">szöveg ide...</div>

 

Felugró ablak aminek a szélei színét lehet változtatni.

<div id="popup"

 style="border: 5px solid rgb(221, 18, 123); position: absolute; height: 300px; width: 400px; z-index: 2; top: 60px; left: 63px;">
<div style="text-align: right;"> <a
 href="javascript: document.getElementById('hirdetes_div').style.display='none';"><img
 style="border: 0px solid ; top: 101px; left: 269px; width: 32px; height: 32px;"
 alt=""
 src="http://png.findicons.com/files/icons/2118/nuvola/48/button_cancel.png"></a></div>
<div class="text">szöveg ide...</div>