Javascript code for Roll on popup window?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Marshal
    Biz Dev and SEO
    • Jun 2005
    • 15219

    #1

    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...
  • Marshal
    Biz Dev and SEO
    • Jun 2005
    • 15219

    #2
    anyone???
    ---
    Busy ranking websites on Google...

    Comment

    • Jace
      FBOP Class Of 2013
      • Jan 2004
      • 35562

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

      why not just view source and grab the code?

      Comment

      • Marshal
        Biz Dev and SEO
        • Jun 2005
        • 15219

        #4
        well, i'd like it to appear across the whole page...
        Last edited by Marshal; 11-11-2007, 07:23 AM.
        ---
        Busy ranking websites on Google...

        Comment

        • SmokeyTheBear
          ►SouthOfHeaven
          • Jun 2004
          • 28609

          #5
          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>
          hatisblack at yahoo.com

          Comment

          • Marshal
            Biz Dev and SEO
            • Jun 2005
            • 15219

            #6
            that's what i was thinking, an overlay window...
            ---
            Busy ranking websites on Google...

            Comment

            Working...