Changeset 7987


Ignore:
Timestamp:
12/20/13 13:18:58 (6 years ago)
Author:
kent1
Message:

Bien bloquer quand on a une infobox

File:
1 edited

Legend:

Unmodified
Added
Removed
  • plugins_spip/terraeco_infographie/trunk/infographie.html

    r7986 r7987  
    114114                                                                else if(event.deltaY < 0)
    115115                                                                        var val = -1;
     116                                                                moving = true;
    116117                                                                graph_replace(val);
    117118                                                        }else if($('.infobox').is(':visible')){
     
    124125                                                function graph_replace(valeur){
    125126                                                        date_origine = date_origine+valeur;
    126                                                         if(date_origine == values[values.length-1].axe_x || date_origine  == values[0].axe_x)
     127                                                        if(((valeur == '+1') && date_origine == values[values.length-1].axe_x) || ((valeur == '-1') && date_origine  == values[0].axe_x))
    127128                                                                return false;
    128129
    129                                                         moving = true;
    130130                                                        values.forEach(function(row, i){
    131131                                                                if(parseInt(row.axe_x) == date_origine){
     
    145145                                                                $('.tooltip').animate({'top':top,'left':left},800);
    146146                                                       
     147                                                        values_commentaire.forEach(function(row, i){
     148                                                                if(parseInt(row.axe_x) == date_origine){
     149                                                                        d = row;
     150                                                                        var show_info = function(){
     151                                                                                infobox
     152                                                                                        .html('<div class="close_box"><a href="#" onclick="return false;">x</a></div><div class="logo">'+d.logo+'</div><div class="contenu"><span class="annee">'+d.axe_x+'</span>'+d.commentaire+'</div>')
     153                                                                                                .transition()
     154                                                                                                .duration(800)
     155                                                                                                .style("display", 'block').each("end", function(){
     156                                                                                                        d3.select("#"+containerid).select('.infobox .close_box').on('click',function(){
     157                                                                                                                infobox
     158                                                                                                                        .transition()
     159                                                                                                                        .duration(500)
     160                                                                                                                                .style("display", 'none');
     161                                                                                                        });
     162                                                                                                });
     163                                                                                }
     164                                                                        setTimeout(show_info,400);
     165                                                                        return;
     166                                                                }
     167                                                        });
     168                                                       
    147169                                                        d3.select(".paths").transition()
    148                                                                 .duration(800)
     170                                                                .duration(900)
    149171                                                                .attr("transform", "translate("+translatex+", 0)").each("end", function(){
    150                                                                         values_commentaire.forEach(function(row, i){
    151                                                                                 if(parseInt(row.axe_x) == date_origine){
    152                                                                                         d = row;
    153                                                                                         infobox
    154                                                                                                 .html('<div class="close_box"><a href="#" onclick="return false;">x</a></div><div class="logo">'+d.logo+'</div><div class="contenu"><span class="annee">'+d.axe_x+'</span>'+d.commentaire+'</div>')
    155                                                                                                         .transition()
    156                                                                                                         .duration(1000)
    157                                                                                                         .style("display", 'block');
    158                                                                                         d3.select("#"+containerid).select('.infobox .close_box').on('click',function(){
    159                                                                                                 infobox
    160                                                                                                         .transition()
    161                                                                                                         .duration(500)
    162                                                                                                                 .style("display", 'none');
    163                                                                                         });
    164                                                                                         return;
    165                                                                                 }
    166                                                                         });
     172                                                                        moving = false;
    167173                                                                });
    168                                                         setTimeout(function(){moving = false},'700');
    169174                                                }
    170175                                               
Note: See TracChangeset for help on using the changeset viewer.