urgent help needed

Discussion in 'Firefox' started by YourMind, Oct 2, 2005.

  1. YourMind

    YourMind Guest

    I know this is not the right place to post web development questions,
    but the code is done work only with firefox (1.0.6). Ok, here is it:
    ---------------------------------------.---------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>DHTML / floating div problem</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    body {
    margin: 0px;
    padding-top: 50px;
    }
    #toolbar {
    background: black;
    color: white;
    position: fixed;
    width: 98%;
    left: 1%;
    top: 0px;
    height: 50px;
    }
    #toolbar #home {
    width: 25px;
    height: 25px;
    position: relative;
    background: red;
    float: left;
    top: 10px;
    left: 10px;
    }
    </style>
    <script language="javascript" type="text/javascript">
    function init() {
    setInterval(showSmoothly,100);
    }
    function showSmoothly() {
    bar = document.getElementById('toolbar');
    //_debug(bar.offsetHeight);
    height = bar.style.height;
    if(height)//alternative: use bar.offsetHeight instead
    height = parseInt(height);
    else
    height = 0;
    if(height >= 50) return;
    _debug(height);
    height += 4;
    bar.style.height = height + 'px';
    }

    function _debug(argv) {
    o = document.getElementById('_devel');
    o.value = argv + "\n" + o.value;
    }
    window.addEventListener('load',init,true);
    </script>
    </head>
    <body>
    <div id="toolbar">
    <span id="home"></span>
    </div>
    <textarea name="_devel" cols="80" rows="20" id="_devel"></textarea>
    <br />hello world out there
    <br />hello world out there
    </body>
    </html>
    --------------------------------------EOF--------------------------------------
    The problem is the floating element #home, which is supposed to be a
    link sometime in the future. I'd like it to fade in at the same time
    with the toolbar. I'm looking for a "clean" solution, ideally CSS-only.
    Thanks.
    --
    It's not right. It's not even wrong.
    YourMind, Oct 2, 2005
    #1
    1. Advertising

  2. YourMind

    Guest

    On Sun, 02 Oct 2005 16:56:20 +0200, YourMind <>
    wrote:

    >I know this is not the right place to post web development questions,
    >but the code is done work only with firefox (1.0.6). Ok, here is it:
    >---------------------------------------.---------------------------------------

    Got to alt.html.

    They can help you there.
    , Oct 2, 2005
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. mmani
    Replies:
    2
    Views:
    463
    Roger Abell
    Aug 22, 2003
  2. Jose Capistrano

    MCP exam... urgent help needed

    Jose Capistrano, Feb 27, 2004, in forum: MCSE
    Replies:
    4
    Views:
    514
    RL \(Bob\) Coppedge, MCSE/MCT
    Feb 28, 2004
  3. Security Advisory

    !!URGENT!! Tor Vulnerability Discovered !!URGENT!!

    Security Advisory, Aug 6, 2007, in forum: Computer Security
    Replies:
    1
    Views:
    950
    http://tinyurl.com/23k3dt@$NIFF-deeply.ahh
    Aug 11, 2007
  4. pooja
    Replies:
    0
    Views:
    1,171
    pooja
    Mar 3, 2009
  5. Griffin
    Replies:
    0
    Views:
    619
    Griffin
    Aug 27, 2010
Loading...

Share This Page