I need a script for an unblockable pop up page for my website

Or http://colorpowered.com/colorbox/

As far as the size, my current block-able pop under page is the same size as one of my normal webpages that is reduced about 30%. The pop under page has horizontal and vertical scrollbars to compensate for the smaller size.

I took a look at the 2 links you sent and after coming out of a catatonic state, I was still crying like a little girl. I have enough trouble with simple HTML, let alone with what I saw in those links. Since I only want to activate (if this is the right term) the pop under page when a visitor opens my home page, isn't there some relatively easy way to do that?

Or is it just wishful thinking?

I do understand your point. I am essentially using the pop under for special promotions that change, that I would like my visitors to be aware of. I have actually gotten visitors who contacted me after buying a product that had a special promotion on it which they didn't see. So it seems like it's a no-win situation.

ANYWAY your subcontractor is not helping you by suggesting AJAX would be a solution to the popunder being blocked.
There is NO WAY you can popunder anything when a popup blocker is active and popunders are seriously annoying.

If you want IN-YOUR-FACE popup when people are about to leave, I have a better solution I have found for a client of mine.

I can try and find it again for you.

remove the background-color:red when you are happy

Load the page and move the mouse towards the top

<div style="width:100%; height:1px; background-color:red; position:absolute; top:0; left:0" onmouseover="document.getElementById('pop').style.display=''"></div>
<div id="pop" style="width:50%; height:50%; background-color:yellow; position:absolute; top:200px; left:200px; display:none" onclick="document.getElementById('pop').style.display='none'">HELLO I AM A POPUP</div>

Select allOpen in new window

mplungjan,

Nothing happened after moving the mouse. I even cleared cache and refreshed the page. That's ok though, I think I'm giving up on this one, the consensus seems bleak. Thanks to everyone for your advice.

Try here:

http://plungjan.name/eetest/bannertrigger.html

I made the trigger 10px instead of 1px

Thank you. It worked out. Do you have any suggestions for creating a pop-up window resemble a typical webpage (with scrollbars)? in other words, what do I use or not use (meta-tag, header tag, etc.)?

try this

http://plungjan.name/eetest/bannertrigger.html

mplungjanDonald

That was great! Thank you so much.

Is there a way to stop it from reappearing after it displays once and the visitor then closes it?

Very cool.

of course. It can pop once per browser session or set a cookie and never show again unless the user clears the cookie

I guess I didn't explain that very well. Since I don't really code, what code would I have to include, and where would I have to put it, to accomplish my objective?

View the source and replace the latin with your html

when you are happy we can add a cookie

okey-dokey.

I can't figure out what to do with the script. I know it states where to put the content and everything, but here is my dilemma:

Currently, for the pop up, I have an entire HTML page. Therefore, I am not sure exactly what content to put in the script. I tried the page's entire code and, as you could guess, that didn't work. I then tried what I thought was just the content I wanted without the Head tags, for example, and that also didn't work.

If I had gotten everything to work fine for the pop up, I wouldn't know exactly how to incorporate it into the page. For example, the page I want the pop under to show on, is my homepage.

I can't seem to figure out exactly what code I should put exactly where to have it work. Sorry for sounding like such a twit but without really knowing how to program, I feel like a blind man jumping around in the minefield.

I'll show you tomorrow (CET) now it is bedtime

Thanks... and how did you know when it was my bedtime?

So change the script starting with
var $dialog
to
where
myadvert.html
is the page you normally loaded

var $dialog = $('<div></div>').dialog({
                title: "My popup",
                autoOpen: false,
                width: 600,
                height: 400,
                modal: true,
                resizable: true,
                autoResize: true,
                overlay: {
                    opacity: 0.5,
                    background: "black"
                }
            }).load("myadvert.html");

Select allOpen in new window

But not license free

Use Telerik RadWindow. You do not have to change your code much. Just set the URL of RadWindow to your popup and you done.

http://demos.telerik.com/aspnet-ajax/window/examples/default/defaultcs.aspx

I guess I need to get a status report here, and thanks to a bunch of people

ziffgone- Thank you for the suggestion. Actually, I am currently using that program, which I believe is Virtual Smart Agent, for my sales pages. The pop under that I am trying to work on is not on a sales page.

To those suggesting Telerik RadWindow, I looked at the site over and over again and could not figure out what it was about. One of the things I remember is that they seem to have a very high price point which seemed hugely overkill for me because I'm only thinking of using it for my home page.


mplungjan,

I've attached your original code, below. I don't understanding what I'm supposed to do. Since you might as well be writing something in a foreign language, unless it is crystal clear like "delete from A to B" and replace it with C to D, I am not going to figure it out because I just do not understand the code.

I am attaching 2 very small HTML pages. The first one is http://www.best-family-photography-tips.com/test-page2.html - this is the Pop under Page. The 2nd page is http://www.best-family-photography-tips.com/test-page3.html - this is the page which displays first, followed by the pop under (or in the case of your script) - the pop over page.

If you want to do it, I completely understand. It's just too much over my head.
test-page2.txt
test-page3.txt

Have a try of this - there may be some CSS conflicts that breaks the popup but it will be a start

test-pagepop.txt

Thanks for your help. Unfortunately, the pop-up page was completely blank except for the light grey background -See screenshot.

I don't know if this has anything to do with why this happened, but I am also including a template for my webpages which includes things like *** NAVIGATION BAR *** in place of the 500 lines of code which addresses that.

I hope that made sense.
pop-up-test.png
sbi-template-forEE.html

I had the same problem with the popup, but was not sure if it would show the same behaviour on your page.

I strongly suggest a redesign. Perhaps using a professional or even better: take some lessons in web design and html since I really have no idea where even to begin with these pages.
If you can cut the pages down to the essential and make more pages from the far too big pages with far too much info, your site will be better off in terms of how easy they are to read and also and as important SEO.

thanks for your suggestion.

If I move the jquery css to AFTER your style, it looks better!

haha, the left menu completely overflows the popup..

I hope you do not have that menu in the popup

For the real page that I'm using as the pop under (http://www.best-family-photography-tips.com/most-important-question-in-photography.html), what happens is it loads underneath my home page when someone opens the homepage.

However, instead of being a full size window, it is physically a smaller window, but with scrollbars. Since it is a page in my site, it does have the navigation bar on the left.

So I guess this situation is not practical for solving right now. I do want to thank you for all your efforts.

Just have the tip popup I just saw. Much nicer.
Anything else is overdoing it!!!

Thanks.