Changeset 8024 for plugins_spip


Ignore:
Timestamp:
12/29/13 14:34:01 (6 years ago)
Author:
kent1
Message:

Si on ne peut bouger dans un sens on évite de bloquer l'autre sens, on met les move_again et moving à false

Le bloc d'interaction empiète sur l'axe x pour éviter des effets indésirables

On met la perspective finale dans un clip pour l'afficher progressivement

La barre d'intéraction prend toute la hauteur

Location:
plugins_spip/terraeco_infographie/trunk
Files:
2 edited

Legend:

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

    r8023 r8024  
    481481}
    482482
    483 path.area.perspective1_haute,path.area.perspective2_haute{
     483path.area.perspective1_waiting_haute{
     484        fill:#F5F5F5;
     485}
     486
     487path.area.perspective1_haute{
    484488        fill: url( #gradient_perspective1 );
    485489}
  • plugins_spip/terraeco_infographie/trunk/javascript/infographie.js

    r8022 r8024  
    214214 */
    215215function graph_replace(valeur){
    216         if(!perspective_ok && date_actuelle >= parseInt(values[values.length-1].axe_x)){
    217                 console.log('on ne bouge pas');
    218                 return false;
    219         }
    220        
    221         if(perspective_ok && (parseInt(date_actuelle)+parseFloat(valeur)) > parseInt(values[values.length-1].axe_x)){
    222                 console.log('on ne bouge pas');
     216        console.log(parseInt(date_actuelle)+parseFloat(valeur));
     217        if((!perspective_ok && date_actuelle >= parseInt(values[values.length-1].axe_x)) || (perspective_ok && (parseInt(date_actuelle)+parseFloat(valeur)) > parseInt(values[values.length-1].axe_x))){
     218                move_again = moving = false;
    223219                return false;
    224220        }
     
    279275                        });
    280276                d3.select(".interaction")
    281                         .attr("transform", "translate(0, 0)")
     277                        .attr("transform", "translate(0, 1)")
    282278                // Afficher le message de fin de données actuelles
    283279                if(!perspective_ok && date_actuelle == parseInt(values2[values2.length-1].axe_x)){
     
    351347                 */
    352348                var tooltip_left = d3.select('.ligne_interactive').node().getBBox().x+translate_interactivite-jQuery('.tooltip_normal').outerWidth();
     349                d3.select("#clip_perspective rect")
     350                        .transition()
     351                        .duration(vitesse)
     352                        .attr("width",x(date_actuelle)-x(values_perspective1_haute[0].axe_x));
    353353                d3.select(".interaction")
    354354                        .transition()
    355355                        .duration(vitesse)
    356                         .attr("transform", "translate("+translate_interactivite+", 0)").each("end", function(){
     356                        .attr("transform", "translate("+translate_interactivite+", 1)").each("end", function(){
    357357                                if(move_again && jQuery('.'+infobox_class).is(':hidden')){
    358358                                        move_again = false
     
    569569        d3.selectAll(".interaction").remove();
    570570        ligne_interactive_groupe = svg.append("g")
    571                 .attr("class", "interaction");
     571                .attr("class", "interaction")
     572                .attr("transform","translate(0,1)");
    572573               
    573574        /**
     
    580581                                .attr("x1", function(d) { return x( d.axe_x )+parseFloat(translatex); })
    581582                                .attr("x2",function(d) { return x(d.axe_x)+parseFloat(translatex);})
    582                                 .attr("y1",100)
     583                                .attr("y1",image_naissance_height+10)
    583584                                .attr("y2", height);
    584585        /**
     
    834835                         */
    835836                        var perspectives = svg.selectAll('.paths').append("g").attr('class','perspectives');
     837                        perspectives.append("clipPath")
     838                                .attr("id", "clip_perspective")
     839                                .append("rect")
     840                                        .attr("width", x(date_actuelle)-x(values_perspective1_haute[0].axe_x))
     841                                        .attr("height", height)
     842                                        .attr("transform", "translate(" + x(values_perspective1_haute[0].axe_x) + ",0)");
     843                        perspectives.append("path")
     844                                .attr("class", "area perspective perspective1_waiting_haute")
     845                                .attr("d", area(values_perspective1_haute));
     846                        perspectives.append("path")
     847                                .attr("class", "area perspective perspective1_waiting_trou")
     848                                .attr("d", area(values_perspective_trou));
     849                        perspectives.append("path")
     850                                .attr("class", "line perspective perspective1_waiting_mediane")
     851                                .attr("d", line(values_perspective1_mediane));
     852                        perspectives.append("path")
     853                                .attr("class", "line perspective perspective1_waiting_mediane")
     854                                .attr("d", line(values_perspective2_mediane));
    836855                        perspectives.append("path")
    837856                                .attr("class", "area perspective perspective1_haute")
     857                                .attr("clip-path", "url(#clip_perspective)")
    838858                                .attr("d", area(values_perspective1_haute));
    839859                        perspectives.append("path")
    840860                                .attr("class", "area perspective perspective_trou")
     861                                .attr("clip-path", "url(#clip_perspective)")
    841862                                .attr("d", area(values_perspective_trou));
    842863                        perspectives.append("path")
    843864                                .attr("class", "line perspective perspective1_mediane")
     865                                .attr("clip-path", "url(#clip_perspective)")
    844866                                .attr("d", line(values_perspective1_mediane));
    845867                        perspectives.append("path")
    846868                                .attr("class", "line perspective perspective2_mediane")
     869                                .attr("clip-path", "url(#clip_perspective)")
    847870                                .attr("d", line(values_perspective2_mediane));
    848871
Note: See TracChangeset for help on using the changeset viewer.