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
    SHM
    SHM is offline
    New to the CF scene
    Join Date
    Sep 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Animated div tag > Inside tags not rendered

    Good day all

    I have the following problem with animation with the div tag.The problem is that when the tag is rendered the contents inside the tag is processed before the animation and as far as I know div is like a container for the other tags in it.The other problem I reduce the timeout speed to 1 ms and is still to slow for me.This type of slide animation looks to work fine with jquery.

    [
    <!DOCUMENT html>
    <head>

    <style>
    div
    {

    background-color:#b0c4de;

    }
    </style>
    <script>
    function TextRender()
    {
    var i = 0;
    function delay(){

    if(i++ < 500){;
    document.getElementById('output').style.width = i +'px';
    document.getElementById('output').style.height = i +'px';
    setTimeout(delay,1);
    }
    else { exit; }
    }
    delay();
    }
    </script>
    <head>
    <body>

    <p id="ooutput" onclick="TextRender()" >ClickMe </p>
    <div id="output" style="opacity:1;position:absolute;left:50px;width:0px;height:0px;background-color:#40B3DF">
    My text is not rendered when i render the div tag
    </div>

    </body>
    ]

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,902
    Thanks
    15
    Thanked 226 Times in 226 Posts
    There aren't any inside tags, only some text. And that's showing because nothing is hidden. It's doing exactly what you're telling it to.
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.


  •  

    Posting Permissions

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