Looking for an easy popup method

Well ya,

Im a bit lazy and cant always get my head around some things but im looking for a way of doing a popup that shows on page load and simply states are they sure this is the page they were looking for. i run two websites and both are pretty much for the same community just one is for other type of people and well yea i’ve looked around and my head being the way it is right now. haha but yea is there any simple way?

This should help you

Hi there Shad0w952,

Here is a just one possible solution…


untitled document body{ background-color:#f0f0f0; font-family:verdana,arial,helvetica,sans-serif; font-size:100%; } #container { width:88%; max-width:960px; padding:1%; margin:auto; background-color:#fff; box-shadow:10px 10px 10px #999; } #button { position:fixed; z-index:999; top:20px; right:20px; } #mask{ position:fixed; top:0; left:0; right:0; bottom:0; border:8px solid #000; background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.9)); box-shadow:inset 0 0 40px #000; } .hide { display:none; } .show { display:block; } #box { max-width:272px; padding:10px; border:2px solid #000; border-radius:10px; margin:100px auto 0; background-color:#fff; background-image:linear-gradient(to bottom,#fc9,#fed); } #close { display:inline-block; padding:5px; border:1px solid #c96; border-radius:5px; font-size:120%; color:#000; background-color:#fc9; cursor:pointer; } #close:hover { color:#fff; background-color:#f00; }

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies sollicitudin nisi, ut molestie felis adipiscing sit amet. Sed auctor vehicula commodo. Nam a nibh neque, vitae faucibus felis. Vivamus at metus eget eros consequat fringilla. Quisque magna magna, laoreet eu tempus sit amet, fringilla at tellus. Praesent felis tortor, scelerisque vitae fringilla non, porttitor et lacus. Ut ut sapien nec quam tincidunt consectetur in nec lacus.

Phasellus porta, dui a elementum egestas, odio sapien rhoncus lorem, vitae bibendum erat sem eget sapien. Maecenas ut metus ac quam pellentesque lacinia quis sit amet augue. Fusce eu euismod urna. Nunc volutpat scelerisque tempus. Donec eget arcu et mauris scelerisque tristique. Donec fringilla mauris dolor, sit amet vulputate lacus. Nulla feugiat mattis nulla non tincidunt. Nam sit amet dolor eros, a viverra lacus. Nunc quis nisi eget neque tempus facilisis eu quis sapien.

Ut et metus a massa rhoncus cursus. Integer luctus luctus enim, tristique rhoncus enim feugiat eu. Etiam porttitor volutpat massa sed congue. Sed eros nisl, volutpat ac dapibus quis, ultricies id diam.



How simple do you want it?

alert('Warning! Community support ahead. For the greater good. (ref: Hot Fuzz).');

Or if you want a fancier popup, one occurred in our This Week in JavaScript post, called Sweet Alert.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.