Changeset 8042 for plugins_spip


Ignore:
Timestamp:
01/04/14 19:06:26 (6 years ago)
Author:
kent1
Message:

On ajoute jquery.mobile.custom.js pour gérer les swipe sur tablette

Location:
plugins_spip/terraeco_infographie/trunk
Files:
1 added
3 edited

Legend:

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

    r8039 r8042  
    267267}
    268268
    269 
    270269/**
    271270 *      Le triangle en dessous de la ligne d'interaction
     
    445444        color:transparent;
    446445        background:transparent url(img/images_liens.png) no-repeat -160px 0;
     446        -webkit-touch-callout:none;
     447        -webkit-user-select:none;
     448        -khtml-user-select:none;
     449        -moz-user-select:none;
     450        -ms-user-select:none;
     451        user-select:none;
     452        -webkit-tap-highlight-color:rgba(0,0,0,0);
    447453}
    448454
     
    452458.arrows_nav{
    453459        text-align:center;
     460        -webkit-touch-callout:none;
     461        -webkit-user-select:none;
     462        -khtml-user-select:none;
     463        -moz-user-select:none;
     464        -ms-user-select:none;
     465        user-select:none;
     466        -webkit-tap-highlight-color:rgba(0,0,0,0);
    454467}
    455468.arrows_nav > div{
  • plugins_spip/terraeco_infographie/trunk/infographie.html

    r8037 r8042  
    2323#INSERT_HEAD
    2424[<script type="text/javascript" src="(#CHEMIN{javascript/jquery.mousewheel.js})"></script>]
     25[<script type="text/javascript" src="(#CHEMIN{javascript/jquery.mobile.custom.js})"></script>]
    2526<BOUCLE_donnees(INFOGRAPHIES_DATAS){id_infographies_data=#ENV{donnees}}>
    2627[<script type="text/javascript" src="(#PRODUIRE{fond=infographie_lang.js,id_infographies_data=#ENV{donnees},lang=#ENV{lang}})"></script>]
  • plugins_spip/terraeco_infographie/trunk/javascript/infographie.js

    r8041 r8042  
    77        height = ymax = ymax_origine = translate_defaut = step = 0,
    88        vitesse = vitesse_origine = 200,
    9         svg = paths = infobox = tip = tip_perspective = moving = move_again = callback_infobox_close = progress_mousedown = perspective_ok = infobox_fermer = infobox_open = false;
     9        svg = paths = infobox = tip = tip_perspective = moving = move_again = callback_infobox_close = progress = perspective_ok = infobox_fermer = infobox_open = false;
    1010
    1111// Un générateur de lignes
     
    533533
    534534function climat_infographie_interactions(){
     535        jQuery('.arrows_nav').on('taphold',function(event){
     536                event.preventDefault();
     537        });
    535538        // Au click sur les fleches on avance d'un cran ou on recule
    536539        jQuery('.arrows_nav > div')
     540                .on('tap',function(event){
     541                        event.stopPropagation();
     542                        event.preventDefault();
     543                        clearInterval(progress);
     544                })
     545                .on('taphold',function(event){
     546                        event.stopPropagation();
     547                        event.preventDefault();
     548                        var direction = jQuery(this).is('.left') ? -1:1;
     549                        if(infobox_open && infobox_fermer){
     550                                callback_infobox_close = function(){
     551                                        if(!infobox_open && moving == false){
     552                                                climat_graph_replace(direction);
     553                                                progress = setInterval(function(){
     554                                                                                                if(!infobox_open) climat_graph_replace(direction);
     555                                                                                        }, vitesse);
     556                                        }
     557                                        callback_infobox_close = false;
     558                                }
     559                                jQuery('.'+infobox_class).trigger('infobox_close');
     560                        }
     561                        if(!infobox_open && moving == false){
     562                                climat_graph_replace(direction);
     563                                progress = setInterval(function(){
     564                                                                                if(!infobox_open) climat_graph_replace(direction);
     565                                                                        }, vitesse);
     566                        }
     567                })
    537568                .on('click',function(event){ event.stopPropagation(); })
    538569                .on('mouseenter',function(event){
     
    541572                                var direction = jQuery(this).is('.left') ? -1:1;
    542573                                climat_graph_replace(direction);
    543                                 progress_mousedown = setInterval(function(){
     574                                progress = setInterval(function(){
    544575                                                                                if(!infobox_open) climat_graph_replace(direction);
    545576                                                                        }, vitesse);
    546                         }else if(infobox_open && infobox_fermer){
     577                        }else if(infobox_open && infobox_fermer)
    547578                                jQuery('.'+infobox_class).trigger('infobox_close');
    548                         }
    549579                })
    550580                .on('mouseleave',function(event){
    551581                        event.stopPropagation();
    552                         clearInterval(progress_mousedown);
     582                        clearInterval(progress);
    553583                });
    554584
     
    560590                                 * Touche esc : ferme les anecdotes
    561591                                 */
    562                                 clearInterval(progress_mousedown);
     592                                clearInterval(progress);
    563593                                if(infobox_open)
    564594                                        jQuery('.'+infobox_class).trigger('infobox_close');
     
    570600                                 * Avance ou recule sur la ligne de temps
    571601                                 */
    572                                 clearInterval(progress_mousedown);
     602                                clearInterval(progress);
    573603                                if(!infobox_open && moving == false){
    574604                                        var direction = (e.keyCode == 37 || e.keyCode == 40) ? -1 : 1;
    575605                                        climat_graph_replace(direction);
    576                                         progress_mousedown = setInterval(function(){
     606                                        progress = setInterval(function(){
    577607                                                                                        if(!infobox_open) climat_graph_replace(direction);
    578608                                                                                }, vitesse);
     
    588618                         */
    589619                        case 37 : case 38 : case 40 : case 39 : case 32 : case 27 :
    590                                 clearInterval(progress_mousedown);
     620                                clearInterval(progress);
    591621                                e.preventDefault();
    592622                        break;
    593623                }
    594624        });
    595 
     625       
    596626        jQuery('#'+container_id).on('mousewheel', function(event) {
     627                event.preventDefault();
    597628                if(!infobox_open && moving == false){
    598629                        var direction = (event.deltaY < 0 || event.deltaX > 0) ? 1 : -1;
     
    603634                        jQuery('.'+infobox_class).trigger('infobox_close')
    604635                return false;
     636        }).on("swipeleft",function(event){
     637                event.preventDefault();
     638                clearInterval(progress);
     639                if(!infobox_open && moving == false){
     640                        climat_graph_replace(1);
     641                        progress = setInterval(function(){
     642                                if(!infobox_open) climat_graph_replace(1);
     643                        }, vitesse);
     644                        setTimeout(function(){clearInterval(progress);},vitesse*5);
     645                }else if(!infobox_open && !infobox_fermer && move_again == false)
     646                        move_again = true;
     647                else if(infobox_open && infobox_fermer)
     648                        jQuery('.'+infobox_class).trigger('infobox_close')
     649                return false;
     650        }).on("swiperight",function(event){
     651                event.preventDefault();
     652                clearInterval(progress);
     653                if(!infobox_open && moving == false){
     654                        climat_graph_replace(-1);
     655                        progress = setInterval(function(){
     656                                if(!infobox_open) climat_graph_replace(-1);
     657                        }, vitesse);
     658                        setTimeout(function(){clearInterval(progress);},vitesse*5);
     659                }else if(!infobox_open && !infobox_fermer && move_again == false)
     660                        move_again = true;
     661                else if(infobox_open && infobox_fermer)
     662                        jQuery('.'+infobox_class).trigger('infobox_close')
     663                return false;
    605664        });
    606665       
     
    625684                moving = move_again = false;
    626685                setTimeout(function(){infobox_fermer=true;},700);
    627                 clearInterval(progress_mousedown);
     686                clearInterval(progress);
    628687        });
    629688}
Note: See TracChangeset for help on using the changeset viewer.