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 4 of 4
  1. #1
    Regular Coder Bengal313's Avatar
    Join Date
    Jun 2002
    Location
    Metro Detroit
    Posts
    298
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Page rip or rolodex style countdown script?

    I looked everywhere but can't find this countdown script!
    I am looking for a javascript or flash based countdown script that looks like a page is ripping as it counts down or a rolodex flipping.
    "Knowledge Speaks But Wisdom Listens"

  • #2
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    well, after looking at your site (to try and find a attempted example) i noticed it is not very accessable.

    A) FireFox does not render things as expected.
    B) no scrollbars is NEVER a good idea. - i know it supports the 800*600 but i'm running 1280*1024.. looks horrendous in that resolution.
    C) elements jump all over the page when resizing.

    the general llayout looks good, but the accessability and the limited browsers / resultions kinda takes away from the experience.

    furthermore, by page Ripping do you mean having the page edge look tattered, or have the page look like it's being ripped in half?
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #3
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,714
    Thanks
    0
    Thanked 238 Times in 233 Posts
    Hi there shakim,

    here is an example that may suit your requirements...
    ...and here is the code...
    Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>countdown</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <style type="text/css">
    /*<![CDATA[*/
    body {
        background-color:#eef;
     }
    #click {
        width:150px;
        line-height:25px;
        text-align:center;
        border:3px double #000;
        background-color:#fff;
        cursor:pointer;
     }
    #container {
        width:310px;
        height:200px;
        border:3px solid #003;
        background-image:url(http://mysite.orange.co.uk/azygous/images/bl_bg.jpg);
        background-color:#006;
        margin:10px auto;
     }
    #c_d {
        line-height:200px;
        overflow:hidden;
        font-size:64px;
        color:#003;
        text-align:center;
        background-color:#9797f9;
    }
    /*//]]>*/
    </style>
    
    <script type="text/javascript">
    //<![CDATA[
      var h=200;
      var f=64;
      var count=10;
      var obj;
      var test=0;
    window.onload=function() {
       obj=document.getElementById('c_d')
       document.getElementById('click').onclick=function() {
       if(test==0) {
       ripOff();
       }
      }
     }
    function ripOff() {
       test=1;
       obj.firstChild.data=count;
       obj.style.marginTop=200-h+'px';
       obj.style.lineHeight=h+'px';
       obj.style.fontSize=f+'px';
    
       h-=10;
       f--
    
    if(h<0) {
       h=200;
       f=64;
       count--;
     }
    if(count==0) {
       clearTimeout(cd);
       obj.firstChild.data=count;
       obj.style.marginTop=0;
       obj.style.lineHeight='200px';
       obj.style.fontSize='64px';
       count=10;
       test=0;
       return;
     }
    cd=setTimeout('ripOff()',50)
     }
    //]]>
    </script>
    
    </head>
    <body>
    
    <div id="click">start coundown</div>
    
    <div id="container">
    <div id="c_d">10</div>
    </div>
    
    </body>
    </html>
    coothead

  • #4
    Regular Coder Bengal313's Avatar
    Join Date
    Jun 2002
    Location
    Metro Detroit
    Posts
    298
    Thanks
    8
    Thanked 0 Times in 0 Posts
    rlemon,

    Are you referring to my site. Because using Firebox and 1280 res. Check out the jpg screen shot.

    http://www.shumonhakim.com/siteview.jpg




    It looks fine . What exactly do you mean.

    As for exactly what I mean when I say page rip. I was looking for somethig that kinda emulates a page being ripped out of a notepad. Kinda ripped from the top and pulled downwards or upwards.
    Last edited by Bengal313; 09-01-2006 at 09:09 PM.
    "Knowledge Speaks But Wisdom Listens"


  •  

    Posting Permissions

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