"loading message" ou "loading image"
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 :oops: !!!
Dans mon cas j'ai mon layout comme ceci (ps : je développe avec Zend Framework)
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
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:
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ère Période</h3>
<dl>
<?php echo $this->form->datedebut1;?>
<dt>
<br />
</dt>
<?php echo $this->form->datefin1;?>
</dl>
<h3>Deuxième Période</h3>
<dl>
<?php echo $this->form->datedebut2;?>
<dt>
<br />
</dt>
<?php echo $this->form->datefin2;?>
</dl>
<h3>Troisième Pé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évisions">
<?php echo $this->pages;?>
</div>
</div>
</div> |
quelqu'un pour m'aider ??
