Modification style et affichage ainsi que fonctionnement du script de mise à jour du comptage

This commit is contained in:
Michael RICOIS 2011-12-29 11:07:20 +00:00
parent 47e153e4d5
commit cfe9e69002
3 changed files with 31 additions and 18 deletions

View File

@ -4,6 +4,7 @@
<li><a href="<?=$this->url(array('controller'=>'index', 'action'=>'index'), null, true)?>">Tableau de bord</a></li>
<li><a href="<?=$this->url(array('controller'=>'index', 'action'=>'index'), null, true)?>">Aide</a></li>
<li><a href="<?=$this->url(array('controller'=>'index', 'action'=>'index'), null, true)?>">A propos de</a></li>
<li><a href="<?=$this->url(array('controller'=>'index', 'action'=>'index'), null, true)?>">Déconnexion</a></li>
</ul>
</div>
@ -11,16 +12,21 @@
<h1>Odea</h1>
</div>
<div id="message" style="padding-top:5px;background-image: url('/themes/default/images/ligne.png');background-repeat: no-repeat;padding-left:15px;height:50px;width:365px;">
<div class="comptage" >
Nombre sélectionnées :
<span style="font-weight:800;" id="count"><?php echo ((!empty($this->total))?$this->total:'-');?></span>
(dont <span style="font-weight:800;" id="insee"><?php echo ((!empty($this->insee))?$this->insee:'-');?></span> unité(s) insee)
</div>
<div class="attente" style="text-align:center;display:none;">
<img src="/themes/default/images/ajax.gif" />
</div>
<div id="message">
<div id="comptage" >
<?php if (!empty($this->total)) {?>
Nombre sélectionnées :
<span class="valeur"><?=$this->total?></span>
(dont <span class="valeur"><?=$this->insee?></span> unité(s) insee)
<?php } else {?>
Aucune sélection.
<?php }?>
</div>
<div id="attente" style="display:none;">
<img src="/themes/default/images/ajax.gif" />
</div>
</div>
<script>
$(function() {
$( "#tabs" ).tabs({

View File

@ -142,13 +142,14 @@ $(document).ready(function(){
function set(key, value)
{
$('.comptage').css('display', 'none');
$('.attente').css('display', 'block');
$('#comptage').css('display', 'none');
$('#attente').css('display', 'block');
$.post('/comptage', { cle:key, valeur:value}, function(data, status) {
$('#count').html(data.count);
$('#insee').html(data.insee);
$('.attente').css('display', 'none');
$('.comptage').css('display', 'block');
var html = 'Nombre sélectionnées : <span class="valeur">' +
data.count + '</span> (dont <span class="valeur">'+
data.insee +'</span> unité(s) insee)';
$('#attente').css('display', 'none');
$('#comptage').html(html).css('display','block');
}, 'json')
.error(function(){ alert('error'); });
}

View File

@ -21,15 +21,17 @@ body {
}
#header #message {
color: #000000;
clear: right;
float: right;
margin-top: 34px;
font-size: 1.2em;
background-color: #ffffff;
color: #000000;
text-align:center;
line-height: 25px;
margin-bottom: 2px;
padding: 0 1em;
width:350px;
width:450px;
}
#header h1 {
@ -199,6 +201,10 @@ h3 {
font-size: 1em;
}
#comptage .valeur {
font-weight:bold;
}
#tabs {
float:left;
margin: 2px;