Modification style et affichage ainsi que fonctionnement du script de mise à jour du comptage
This commit is contained in:
parent
47e153e4d5
commit
cfe9e69002
@ -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" >
|
||||
<div id="message">
|
||||
<div id="comptage" >
|
||||
<?php if (!empty($this->total)) {?>
|
||||
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;">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$( "#tabs" ).tabs({
|
||||
|
@ -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'); });
|
||||
}
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user