Javascript code for Roll on popup window? - GoFuckYourself.com

Marshal · 11-09-2007, 05:36 PM

I've seen this roll on popup windows on some site, but I didn't bookmarked it. I think it was on a site from Consumption Junction network. Can someone please help me find the code? I didn't looking at those webmaster resources sites...

Marshal · 11-09-2007, 07:19 PM

anyone???

Jace · 11-09-2007, 07:25 PM

sort of like what they do on www.templatemonster.com for the templates?

why not just view source and grab the code?

Marshal · 11-11-2007, 09:22 AM

well, i'd like it to appear across the whole page...

SmokeyTheBear · 11-11-2007, 12:50 PM

do you main a traditional popup or an overlay window ?

heres a simple overlay example.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>ROLLOVER EXAMPLE</title>
        <style>
        .black_overlay{
            display: none;
            position: absolute;
            top: 0&#37;;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 50%;
            height: 50%;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
    </style>
    </head>
    <body>
        <p>This is the main content. To display a Rollover box roll your mouse over <a href = "javascript:void(0)" onmouseover = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">this</a></p>
        <div id="light" class="white_content">This is the hidden box content. <a href = "javascript:void(0)" onmouseover = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
        <div id="fade" class="black_overlay"></div>
    </body>
</html>

Marshal · 11-12-2007, 09:22 PM

that's what i was thinking, an overlay window...

11-09-2007, 05:36 PM	#1
Marshal Biz Dev and SEO Industry Role: Join Date: Jun 2005 Posts: 15,181	Javascript code for Roll on popup window? I've seen this roll on popup windows on some site, but I didn't bookmarked it. I think it was on a site from Consumption Junction network. Can someone please help me find the code? I didn't looking at those webmaster resources sites... __________________ --- Busy ranking websites on Google...

11-09-2007, 07:19 PM	#2
Marshal Biz Dev and SEO Industry Role: Join Date: Jun 2005 Posts: 15,181	anyone??? __________________ --- Busy ranking websites on Google...

11-11-2007, 09:22 AM	#4
Marshal Biz Dev and SEO Industry Role: Join Date: Jun 2005 Posts: 15,181	well, i'd like it to appear across the whole page... __________________ --- Busy ranking websites on Google... Last edited by Marshal; 11-11-2007 at 09:23 AM..

11-12-2007, 09:22 PM	#6
Marshal Biz Dev and SEO Industry Role: Join Date: Jun 2005 Posts: 15,181	that's what i was thinking, an overlay window... __________________ --- Busy ranking websites on Google...

11-09-2007, 07:25 PM	#3
Jace FBOP Class Of 2013 Industry Role: Join Date: Jan 2004 Location: bumfuck, ky Posts: 35,562	sort of like what they do on www.templatemonster.com for the templates? why not just view source and grab the code?