Cacher un élément au chargement avec dojo

Version imprimable

22/09/2009, 15h32
Tavarez59

Cacher un élément au chargement avec dojo
Bonjour,

J'ai essayé plusieurs méthodes mais cela de fonctionne pas. Je ne trouve aucune solution sur le web. Je voudrai au chargement de la page cacher certains éléments.

J'ai donc tenté le code suivant:
Code:

1 2 3 4 5 6 7 <script> dojo.addOnLoad(function(){ dojo.style.hide("test"); }); </script> <div id="test">Test</div>
Mais rien n'y fait la fonction n'existe pas selon le navigateur. Peut être que c'est vrai en fait! Mais dans ce cas comment faire pour cacher un élément. Sachant que je voudrai ensuite le faire réapparaitre avec la fonction dojo.fadeIn.

Merci

Vite fait sur le coin du bureau, donc à reprendre (mais fonctionnel),

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="/dojotoolkit/dojo/dojo.js">
        </script>
        <style type="text/css">
            @import "/dojotoolkit/dijit/themes/nihilo/nihilo.css";
        </style>
 
        <script type="text/javascript">
        djConfig="parseOnLoad: true, isDebug: true";
        dojo.require("dojo.NodeList-fx");        
 
    dojo.addOnLoad(
    	    function(){
    	    	dojo.query("#test").style({"opacity":0});
    		});
 
    </script>
  </head>
 
  <body class="nihilo">
    <p>Avant</p>
    <div id="test" >Coucou le monde !</div>
    <p>Suite...</p>
    <button onclick="dojo.query('#test').fadeIn({duration:2000}).play();">Fade in</button>
  </body>
</html>

duration:2000 est optionnel et indique la durée du fadeout en ms.

ERE

22/09/2009, 22h03
Tavarez59

Merci, ça confirme ce que j'ai testé peu de temps après avoir posté ce message. Ce que je trouve bizarre c'est que sur google je trouve la présence de fonction dojo.style.hide, dojo.style.show, dojo.style.isVisible, etc... Elles existent vraiment ces fonctions?

Bon en tout cas ça fait plaisirs de voir quelqu'un aider les débutants même pour des questions basiques. Quand certains se contentent de répondre "cherches un peu tu trouveras", toi tu apportes des réponses claires et constructive, chapeau et merci!
22/09/2009, 23h36
emmanuel.remy

Re,

Citation:

Envoyé par Tavarez59

Merci, ça confirme ce que j'ai testé peu de temps après avoir posté ce message. Ce que je trouve bizarre c'est que sur google je trouve la présence de fonction dojo.style.hide, dojo.style.show, dojo.style.isVisible, etc... Elles existent vraiment ces fonctions?

Bon en tout cas ça fait plaisirs de voir quelqu'un aider les débutants même pour des questions basiques. Quand certains se contentent de répondre "cherches un peu tu trouveras", toi tu apportes des réponses claires et constructive, chapeau et merci!

A ma connaissance ces fonctions n'existent pas. De mémoire il y avait en v0.4 des fonctions dojo.html.show, dojo.html.hide et dojo.html.isVisible.
Sinon en V.1.+, dojo.style existe mais ne s'applique à un seul noeud et il est plus courant d'utiliser dojo.query qui s'applique à une liste de noeud(s).

Bon dev,

ERE