Salut,

j'aimerais avoir un peu d'aide sur un point concernant l'affichage d'une image en fond (load.gif par exemple genre ajaxload) lors de chargement de page pouvant prendre un certain temps. Débutant avec Dojo je m'en sors pas trop !!!

Dans mon cas j'ai mon layout comme ceci (ps : je développe avec Zend Framework)

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
30
31
32
33
34
35
36
37
38
39
 
<?php
echo $this->doctype();
?>
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta name="description" content="Application Web de Gestion du Presenteisme Hors du C.O.S.I.H."  />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $this->escape($this->title); ?></title>
<link rel="shortcut icon" type="image/x-icon" href="<?php echo $this->baseUrl();?>/public/images/favicon.ico" />
<link rel="stylesheet" type="text/css" media="screen" href="<?php echo $this->baseUrl();?>/public/css/styles.css" />
<script type="text/javascript" src="<?php echo $this->baseUrl();?>/public/js/functions.js"></script>
<?php echo $this->dojo(); ?>
<script type="text/javascript">
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.TabContainer");
</script>
</head>
<body class="tundra">
<div id="content">
 
   <div id="header">
    <?php  echo $this->render('common/header.phtml');  ?>
   </div>
 
   <div id="page">
	<div align="center">
    <?php  echo $this->render('common/date.phtml'); ?>
	</div>
    <?php echo $this->layout()->content; ?> 
   </div>
 
   <div id="footer">
   <?php  echo $this->partial('common/footer.phtml');  ?>
   </div>
</div>
</body>
</html>
la ou j'aurais voulus mon chargement se trouve dans ma div id="page" ou j'ai mon contenu qui dois s'afficher ! Comme exemple un Tabcontainer (qui en l'occurence prend un peu de temps à s'afficher) d'ou mon intérêt pour l'utilisation de message (ou image) de chargement en fond avec effet dojo

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
<h1>[ MODE AGENT ] - <a href="<?php echo $this->baseUrl();?>">ACCUEIL</a> - PLANIFICATION PREVISIONNELLE</h1>
<div align="center">
<div id="mainTabContainer" dojoType="dijit.layout.TabContainer" style="width: 920px; height: 40em;" >
	<div id="tab1" align="left" style="background-color: #EEEEEE;" dojoType="dijit.layout.ContentPane" refreshOnShow="false" title="Faire une planification">
    <form method="post" action="<?php echo $this->baseUrl();?>/conge/planification">
    <h3>Premi&egrave;re P&eacute;riode</h3>
 
    <dl>
    <?php echo $this->form->datedebut1;?>
    <dt>
    <br />
    </dt>
    <?php echo $this->form->datefin1;?>
    </dl>
 
    <h3>Deuxi&egrave;me P&eacute;riode</h3>
 
    <dl>
    <?php echo $this->form->datedebut2;?>
    <dt>
    <br />
    </dt>
    <?php echo $this->form->datefin2;?>
    </dl>
 
    <h3>Troisi&egrave;me P&eacute;riode</h3>
 
    <dl>
    <?php echo $this->form->datedebut3;?>
    <dt>
    <br />
    </dt>
    <?php echo $this->form->datefin3;?>
    </dl>
    <table align="center" border="0">
    <tr>
    <td class="login" colspan="2"><center><input type="submit" value="Valider" /></center></td>
    </tr>
    </table>
    </form>
    </div>
        <div id="tab2" style="background-color: #EEEEEE;" dojoType="dijit.layout.ContentPane" refreshOnShow="false" title="Consulter mes pr&eacute;visions">
    <?php echo $this->pages;?>
    </div>
</div>
</div>
quelqu'un pour m'aider ??