ansaurus

Question

dojo.fx.wipeIn problem with object with style="display: none;"

Answer 1

A:

This is working for me with a very simple page:

<html>
<head>
    <title>wipeIn test</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dojo/dojo.xd.js"&gt;&lt;/script&gt;
    <script type="text/javascript">
        dojo.require("dojo.fx");

        dojo.addOnLoad(function() { 
    dojo.fx.wipeIn({node: 'target', duration: 500}).play();
        });
    </script>
</head>
    <body>
        <div id="target" style="display:none; background-color: #444; color: #fff; height: 400px; width:300px;">
            <br />Unnecessary animation :-)
        </div>
    </body>
</html>

Can you post more of the code you're using?

Swingley 2009-08-29 00:55:09

Answer 2

A:

check this :

<html>
<head>
    <title>wipeIn test</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dojo/dojo.xd.js"&gt;&lt;/script&gt;
    <script type="text/javascript">
        dojo.require("dojo.fx");

        dojo.addOnLoad(function() { 
       dojo.fx.wipeIn({node: 'target', duration: 500}).play();
        });
    </script>
    <style>
     #target {
      display:none; background-color: #444; color: #fff; height: 400px; width:300px;
     }
    </style>
</head>
    <body>
        <div id="target">
            <br />Unnecessary animation :-)
        </div>
    </body>
</html>

when use display: none; in stylesheet the dojo faild.

2009-09-04 22:38:22

This looks to be a bug in dojo.fx.wipeIn as moving the style declaration inline fixes the problem.

seth 2009-09-04 22:45:28

ansaurus

tags:

views:

answers:

dojo.fx.wipeIn problem with object with style="display: none;"

related questions