4 replies
  • WEB DESIGN
  • |
I have a page the plays a video with a ticker below it. Once the time hits 0, I want a sign up now button to appear. Does anyone know what kind of html coding is required to make this happen?
#html #question
  • Profile picture of the author BillyW
    That would be something more along the lines of Javascript, not HTML.
    Signature
    Qosso.com - Exceptional Branding At Affordable Prices
    {{ DiscussionBoard.errors[7900944].message }}
  • Profile picture of the author kevbo22
    <script type="text/javascript">
    <!--

    ////////////////////////////////////////////
    // CHANGE THE SECONDS DELAY BELOW TO //
    // THE NUMBER OF SECONDS YOU WANT BEFORE //
    // THE LINKS APPEAR //
    // Use style ".hidden" in div tag to hide //
    ////////////////////////////////////////////


    $secondsdelay = 400;

    ////////////////////////////////////////////
    // DO NOT EDIT THIS SECTION //
    ////////////////////////////////////////////


    function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
    item.className=(item.className=='hidden')?'unhidde n':'hidden';
    }
    }


    $delay = $secondsdelay*1000;

    function getCookie(c_name)
    {
    var i,x,y,ARRcookies=document.cookie.split(";");
    for (i=0;i<ARRcookies.length;i++)
    {
    x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
    y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
    x=x.replace(/^\s+|\s+$/g,"");
    if (x==c_name)
    {
    return unescape(y);
    }
    }
    }

    function setCookie(c_name,value,exdays)
    {
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + escape(c_value);
    }

    function checkCookie()
    {
    var visitedbefore=getCookie("visitedbefore");
    if (visitedbefore!=null && visitedbefore!="")
    {
    unhide('links');
    }
    else
    {
    window.setTimeout("unhide('links')",$delay);
    setCookie("visitedbefore",visitedbefore,30);
    }
    }

    //--></script>

    <STYLE TYPE="text/css">
    .hidden { visibility: hidden; }
    .unhidden { visibility: visible; }
    </STYLE>


    <!-- END PASTE HERE -->
    Signature

    The best path to prosperity is free market capitalism!

    {{ DiscussionBoard.errors[7902994].message }}
  • Profile picture of the author kevbo22
    If the above doesn't work for you try this:

    Place this before the closing head tag. I put in some notes in the code about how long it is for a second & minute.

    <!-- Show magical div --> <script type="text/javascript"> function showIt() { document.getElementById("hid").style.display = "block"; } // 1000 = 1 sec | 60000 is 1 minute </script> <!-- END Show magical div -->

    Then add this to your body tag. This is where you put in how many seconds until your hidden DIV shows up. But do NOT put in a comma.

    <body onLoad='setTimeout("showIt()", 60000);'>

    Put this where you want your hidden div to show up after the time is up.

    <!-- Magic DIV --> <div id="hid" style="display:none;"> This is hidden to start. But shows after the set time amount is up. </div> <!-- END Magic DIV -->

    You can also do it this way and not put the onLoad in the body tag.

    <script type="text/javascript"> function showIt() { document.getElementById("hid").style.display = "block"; } setTimeout("showIt()",1200000); </script>
    Signature

    The best path to prosperity is free market capitalism!

    {{ DiscussionBoard.errors[7903081].message }}
  • Profile picture of the author tazman100
    awesome! Thanks Kevbo22. I will try this out.
    {{ DiscussionBoard.errors[7904053].message }}

Trending Topics