How do I show my popup on an iframe?

HTML & CSS
,
1

I’m used the code from here on how to make a popup : Need a simple popup (modal, on-page-load with time-delay, fast & clean) - #268 by James_Hibbard

But what I want is for the popup to show - in my case I’m using an iFrame content

It works without the div id content part

Hope somebody can help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Test Layout</title>
        
		<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
		
		<style type="text/css">
            body, html
            {
                margin: 0; padding: 0; height: 100%; overflow: hidden;
            }

            #content
            {
                position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
            }
        </style>
		
			
    </head>
    <body>
        
		
		
		
		
		<div id="content">
            <iframe width="100%" height="100%" frameborder="0" src="https://problogger.com/make-money-blogging/" />
        </div>
		
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
		<script>
			function openColorBox(){
				$.colorbox({iframe:true, width:"80%", height:"80%", href: "http://www.sitepoint.com"});
			}
      
			setTimeout(openColorBox, 5000);
			
    </script>
	
    </body>
</html>
3

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