Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Dec 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    NewBie: Overlay not working - flowplayer

    I'm very new to this concept and I'm a learner... was trying the beautiful concept of Overlay. I tried the following and unfortunately it isnt working for me. Basically I'm trying to attach the Overlay pop-up to the click of a button... Please find the code of html...

    JavaScript code:
    Code:
    <!doctype html>
    <html>
      <head>
        <meta charset="utf-8">`enter code here`
        <title>Demo</title>
        <script src="http://cdn.jquerytools.org/1.2.6/jquery.tools.min.js"></script>
      </head>
        <script>
            $(document).ready(function() {
    
    
                $( "#clicked" ).click(function() {
                    $( "#overs" ).overlay();
                });
    
            });
        </script>
    
      <body>
        <div id="overs" style="display: none; "><a class="close"></a>
            <p>This is My Overlay</p>
        </div>
    
        <div>
            </br></br><button id="clicked">Here!!!</button>
        </div>
      </body>
    </html>
    Last edited by VIPStephan; 12-01-2011 at 10:55 AM.

  • #2
    Regular Coder Amphiluke's Avatar
    Join Date
    Jul 2009
    Posts
    312
    Thanks
    3
    Thanked 89 Times in 89 Posts
    Have you read the documentation? At very least, look through the demo page.

    Code:
    $(document).ready(function() {
        $( "#clicked" ).overlay();
    });
    PHP Code:
     <div id="overs" style="display: none; "><class="close"></a>
     <
    p>This is My Overlay</p>
     </
    div>

     <
    div>
     </
    br></br><button id="clicked" rel="#overs">Here!!!</button>
     </
    div
    I am still learning English


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •