"loading message" ou "loading image"

**KiMbOoO** · 01/04/2009, 18h43

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 ??

**emmanuel.remy** · 02/04/2009, 10h21

Salut,

- Tu peux regarder du côté de dojox\widget\Loader qui fait cela automatiquement pour tous les chargement de type AJAX, ...

Sinon, à mon avis, ce n'est pas un problème qui requierts une solution Dojo mais un plutôt une pure solution HTML/CSS. Tu peux très bien prendre une DIV avec un gif animée associé, et placer la DIV avec un style CSS zOrder élevé.

A+,

ERE

**KiMbOoO** · 02/04/2009, 15h18

Oki Merci pour l'info !

"loading message" ou "loading image" [Dojo]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager