WordPress.org
Get WordPress

Plugin Directory

Changeset 2158071


Ignore:
Timestamp:
09/17/2019 08:06:37 PM (7 years ago)
Author:
deimos252
Message:

restore previous css position

Location:
sequence-animation/trunk
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • sequence-animation/trunk/index.php

    r2156939 r2158071  
    44Plugin URI:
    55Description: Animate your page elements by adding animation in sequence, click the 'Suquence animation' button on the admin bar and select the element to animate 
    6 Version: 1.1
     6Version: 1.2
    77Author: Deimos Mavrozoumis
    88Author URI: https://plugfame.wordpress.com
    … …  
    1010/*******************Include required files*******************/
    1111wp_enqueue_script( 'jquery' );
    12 include_once plugin_dir_path(__FILE__) . 'classes/utilities.php';
    13 //include_once plugin_dir_path(__FILE__) . 'classes/admin.php';
    14 /******Create table for holding animation sequences**********/
    15 /******call classes and initialise them **********/
    16 $spfa_utilities= new nsspfa_utilities\utilities_class();
    17 $spfa_utilities->init();
    18 // $spfa_admin= new nsspfa_admin\admin_class();
    19 // $spfa_admin->init();
    2012
    2113//add table at activation
    … …  
    5648                                                               'ajaxurl' => admin_url( 'admin-ajax.php' ),
    5749                                                               'pluginsLogo' => plugins_url( 'cooltext333758638913341.png', __FILE__),
    58                                                                'init_hidden_elements' => spfa_set_element_initial_visibility() ));                                                             
     50                                                               'init_hidden_elements' => spfa_set_element_initial_visibility() ));
     51 
     52  wp_enqueue_script( 'spectrum_color_script',  plugins_url('/js/spectrum.js', __FILE__ ), array('jquery') );
     53  wp_enqueue_script( 'tooltips_script', plugins_url('/js/tooltips.js', __FILE__ ), array('jquery') );
     54  wp_enqueue_script( 'selector_script',  plugins_url('/css-selector-generator-master/build/css-selector-generator.js', __FILE__ ), array('jquery') );
     55  //add all the avaliable effects 
     56  wp_enqueue_script( 'jquery-ui-dialog' );
     57  wp_enqueue_script( 'jquery-ui-draggable');
     58  wp_enqueue_script( 'jquery-ui-sortable');
     59  wp_enqueue_script( 'jquery-effects-core');
     60  wp_enqueue_style( 'wp-jquery-ui-dialog' );
     61  wp_enqueue_style( 'spectrum_color_style', plugins_url('/css/spectrum.css', __FILE__ ));
     62  wp_enqueue_style( 'Editor_box_style', plugins_url('/css/style.css', __FILE__ ));
     63                                                                                                                               
    5964}
    6065/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    … …  
    186191  return $links;
    187192}
    188 
    189 
    190193
    191194function spfa_display_database(){

  • sequence-animation/trunk/js/anim_editor_class.js

    r2156925 r2158071  
    13921392
    13931393      else if(effect=='spfa_move'){
    1394         jQuery(element).animate({ "left": `+=${args[`frame${i}option1`]}px`,"top": `+=${args[`frame${i}option2`]}px`},{duration:frame_time});
     1394        jQuery(element).animate({ "margin-left": `+=${args[`frame${i}option1`]}px`,"margin-top": `+=${args[`frame${i}option2`]}px`},frame_time);
    13951395      }
    13961396
    … …  
    14071407        jQuery(element).css( "max-height", "none" );
    14081408        jQuery(element).css( "max-width", "none" );
    1409         jQuery(element).animate({'margin-top':`${calc_margin_top}px`,'margin-left':`${calc_margin_left}px`,'width':calc_width,'height':calc_height,'fontSize': `${calc_fontsize}px`},{duration:Number(args[`frame${i}msec`])});
     1409        jQuery(element).animate({'width':calc_width,'height':calc_height,'fontSize': `${calc_fontsize}px`},{duration:frame_time});
    14101410      }
    14111411      //give a delay
    … …  
    14251425      else{
    14261426        if(effect!=null){
    1427           jQuery(element).spfa_effect( effect, {duration:frame_time,complete:function(){classInstance.spfa_ui_effect_complete(element,args,counter);counter++;}} );
     1427          jQuery(element).spfa_effect( effect, {duration:frame_time} );
    14281428        }
    14291429      }
    … …  
    14351435    }
    14361436    else{
    1437     jQuery(args.item_id).queue(function() {
    1438       var placeholder_element=jQuery(args.item_id);
    1439       jQuery.spfa_effects.restoreStyle(placeholder_element);
    1440       jQuery.spfa_effects.removePlaceholder(placeholder_element);
    1441       console.log(args.item_id,'placeholder deleted')
    1442       jQuery(args.item_id).dequeue();
    1443     }); 
    1444   }
     1437      var temp_item = args.item_id;
     1438      jQuery(args.item_id).queue(function(temp_item) {
     1439        var placeholder_element=jQuery(temp_item);
     1440        jQuery.spfa_effects.restoreStyle(placeholder_element,'absolute');
     1441        jQuery.spfa_effects.removePlaceholder(placeholder_element);
     1442        console.log(args.item_id,'placeholder deleted')
     1443        jQuery(args.item_id).dequeue();
     1444      }); 
     1445    }
    14451446  }
    14461447
    … …  
    14651466      jQuery(element).queue(function(){
    14661467        jQuery(element).dequeue();
    1467         if(args[`frame${i}effect`]!='spfa_bounce' && args[`frame${i}effect`]!='spfa_shake'){
    1468           jQuery(element).animate({ "left": `+=${args[`frame${i}option3`]}px`,"top": `+=${args[`frame${i}option4`]}px`},{duration:frame_time,queue:false});
    1469         }
    1470         else{
    1471           jQuery(element).animate({ "margin-left": `+=${args[`frame${i}option3`]}px`,"margin-top": `+=${args[`frame${i}option4`]}px`},{duration:frame_time,queue:false});
    1472         }
     1468        jQuery(element).animate({ "margin-left": `+=${args[`frame${i}option3`]}px`,"margin-top": `+=${args[`frame${i}option4`]}px`},{duration:frame_time,queue:false});
    14731469      }); 
    14741470    }
    … …  
    14881484          var current_margin_top =  parseInt(jQuery(args.item_id).css('margin-top').replace('px',''));
    14891485          var calc_margin_top = current_margin_top+(current_height - calc_height)/2;
    1490           jQuery(element).animate({'margin-top':`${calc_margin_top}px`,'margin-left':`${calc_margin_left}px`,'width':calc_width,'height':calc_height,'fontSize': `${calc_fontsize}px`},{duration:frame_time,queue:false});
     1486          jQuery(element).animate({'width':calc_width,'height':calc_height,'fontSize': `${calc_fontsize}px`},{duration:frame_time,queue:false});
    14911487      });
    14921488    }
    … …  
    15251521        || primary_and_secondary_effects_array.includes('spfa_rotate')
    15261522      ){
    1527         setTimeout(function(){
     1523        var temp_item = args.item_id;
     1524        setTimeout(function(temp_item){
    15281525                            //remove placeholder and restore
    1529                             var placeholder_element=jQuery(args.item_id);
    1530                             jQuery.spfa_effects.restoreStyle(placeholder_element);
     1526                            var placeholder_element=jQuery(temp_item);
     1527                            jQuery.spfa_effects.restoreStyle(placeholder_element,args.init_css_position);
    15311528                            jQuery.spfa_effects.removePlaceholder(placeholder_element);
    15321529                         },1000);
    … …  
    15351532      //remove placeholder and restore
    15361533      var placeholder_element=jQuery(args.item_id);
    1537       jQuery.spfa_effects.restoreStyle(placeholder_element);
     1534      jQuery.spfa_effects.restoreStyle(placeholder_element,args.init_css_position);
    15381535      jQuery.spfa_effects.removePlaceholder(placeholder_element);
    15391536    }
    … …  
    15451542
    15461543      else if(item=='spfa_move'){
    1547         jQuery(element).animate({ "left": `${args.init_pos.left}px`,"top": `${args.init_pos.top}px`},{duration: 1000,queue:false});
     1544        jQuery(element).animate({ "margin-left": `${args.init_margin_left}`,"margin-top": `${args.init_margin_top}`},{duration: 1000,queue:false});
    15481545      }
    15491546
    … …  
    15551552        var current_margin_top =  parseInt(jQuery(element).css('margin-top').replace('px',''));
    15561553        var calc_margin_top = current_margin_top+(current_height - args.init_height)/2;
    1557         jQuery(element).animate({ 'margin-top':`${calc_margin_top}px`,'margin-left':`${calc_margin_left}px`,'width':`${args.init_width}px`,'height':`${args.init_height}px`,'fontSize':args.init_fontsize},{duration: 1000,queue:false});
     1554        jQuery(element).animate({ 'width':`${args.init_width}px`,'height':`${args.init_height}px`,'fontSize':args.init_fontsize},{duration: 1000,queue:false});
    15581555      }
    15591556
    … …  
    15641561
    15651562  }
    1566   spfa_ui_effect_complete(element,args,i){
    1567     if(args[`frame${i}effect2`]=='spfa_move' && (args[`frame${i}effect`]=='spfa_bounce' || args[`frame${i}effect`]=='spfa_shake')){
    1568       jQuery(element).css('left',`+=${args[`frame${i}option3`]}px`);
    1569       jQuery(element).css('top',`+=${args[`frame${i}option4`]}px`);
    1570       jQuery(element).css('margin-left',`${args.init_margin_left}`);
    1571       jQuery(element).css('margin-top',`${args.init_margin_top}`);
    1572     }
    1573   }
     1563 
    15741564}

  • sequence-animation/trunk/js/script.js

    r2156925 r2158071  
    5050        //select element
    5151        if(jQuery('#spfa_instruction_box').length  && !(jQuery('#spfa_j_dialog').length) && !(e.target.id == "spfa_tabs_div") && !(jQuery(e.target).parents("#spfa_tabs_div").length) && !(e.target.id == "wpadminbar") && !(jQuery(e.target).parents("#wpadminbar").length) ){
    52      
    5352          var elem = e.target || e.srcElement;
    5453          var selector = my_selector_generator.getSelector(elem);
    … …  
    105104      classInstance.generate_box(classInstance.browser_localstorage('get'),e.pageX,e.pageY);
    106105      classInstance.init_tab();
    107       // //clear every queue
    108       // jQuery(selector).stop(true);
    109       // //turn on all effects
    110       // jQuery.fx.off=false;
    111106      //create tooltips
    112107      spfa_create_tooltips()
    … …  
    166161  //add a delay for not opening the editor box immediatly
    167162  setTimeout(function(){
    168     //turn off all effects
    169     // if (toggle_effect=='off'){
    170     //   jQuery.fx.off=true;
    171     // }
    172163    var frame = document.createElement('ifrmame');
    173164    var box = document.createElement("div");
    … …  
    367358    else if(effect=='spfa_move'){
    368359      jQuery(args.item_id).css( "transition", "none" );
    369       jQuery(args.item_id).animate({ "left": `+=${args[`frame${i}option1`]}px`,"top": `+=${args[`frame${i}option2`]}px`},Number(args[`frame${i}msec`]));
     360      jQuery(args.item_id).animate({ "margin-left": `+=${args[`frame${i}option1`]}px`,"margin-top": `+=${args[`frame${i}option2`]}px`},Number(args[`frame${i}msec`]));
    370361    }
    371362
    … …  
    383374      jQuery(args.item_id).css( "max-height", "none" );
    384375      jQuery(args.item_id).css( "max-width", "none" );
    385       jQuery(args.item_id).animate({'margin-top':`${calc_margin_top}px`,'margin-left':`${calc_margin_left}px`,'width':calc_width,'height':calc_height,'fontSize': `${calc_fontsize}px`},{duration:Number(args[`frame${i}msec`])});
     376      jQuery(args.item_id).animate({'width':calc_width,'height':calc_height,'fontSize': `${calc_fontsize}px`},{duration:Number(args[`frame${i}msec`])});
    386377    }
    387378
    … …  
    409400      if(effect!=null){
    410401        jQuery(args.item_id).css( "transition", "none" );
    411         jQuery(args.item_id).spfa_effect( effect, {duration:Number(args[`frame${i}msec`]),complete:function(){ spfa_ui_effect_complete(args.item_id,args,counter);counter++;}} );
     402        jQuery(args.item_id).spfa_effect( effect, {duration:Number(args[`frame${i}msec`])} );
    412403
    413404      }
    … …  
    429420    jQuery(args.item_id).queue(function() {
    430421      var placeholder_element=jQuery(args.item_id);
    431       jQuery.spfa_effects.restoreStyle(placeholder_element);
     422      jQuery.spfa_effects.restoreStyle(placeholder_element,'absolute');
    432423      jQuery.spfa_effects.removePlaceholder(placeholder_element);
    433424      jQuery(args.item_id).dequeue();
    … …  
    457448    jQuery(element).queue(function(){
    458449      jQuery(element).dequeue();
    459       if(args[`frame${i}effect`]!='spfa_bounce' && args[`frame${i}effect`]!='spfa_shake'){
    460         jQuery(element).animate({ "left": `+=${args[`frame${i}option3`]}px`,"top": `+=${args[`frame${i}option4`]}px`},{duration:frame_time,queue:false});
    461       }
    462       else{
    463         jQuery(element).animate({ "margin-left": `+=${args[`frame${i}option3`]}px`,"margin-top": `+=${args[`frame${i}option4`]}px`},{duration:frame_time,queue:false});
    464       }
    465     });
    466        
     450      jQuery(element).animate({ "margin-left": `+=${args[`frame${i}option3`]}px`,"margin-top": `+=${args[`frame${i}option4`]}px`},{duration:frame_time,queue:false});
     451    });   
    467452  }
    468453
    … …  
    481466      var current_margin_top =  parseInt(jQuery(args.item_id).css('margin-top').replace('px',''));
    482467      var calc_margin_top = current_margin_top+(current_height - calc_height)/2;
    483       jQuery(element).animate({'margin-top':`${calc_margin_top}px`,'margin-left':`${calc_margin_left}px`,'width':calc_width,'height':calc_height,'fontSize': `${calc_fontsize}px`},{duration:frame_time,queue:false});
     468      jQuery(element).animate({'width':calc_width,'height':calc_height,'fontSize': `${calc_fontsize}px`},{duration:frame_time,queue:false});
    484469    });
    485470   }
    … …  
    561546                          //remove placeholder and restore
    562547                          var placeholder_element=jQuery(args.item_id);
    563                           jQuery.spfa_effects.restoreStyle(placeholder_element);
     548                          jQuery.spfa_effects.restoreStyle(placeholder_element,args.init_css_position);
    564549                          jQuery.spfa_effects.removePlaceholder(placeholder_element);
    565550                       },1000);
    … …  
    569554    //remove placeholder and restore
    570555    var placeholder_element=jQuery(args.item_id);
    571     jQuery.spfa_effects.restoreStyle(placeholder_element);
     556    jQuery.spfa_effects.restoreStyle(placeholder_element,args.init_css_position);
    572557    jQuery.spfa_effects.removePlaceholder(placeholder_element);
    573558  }
    … …  
    577562    if (item=='spfa_color'){
    578563      jQuery(args.item_id).animate({'color':`${args.init_color}`,'backgroundColor':`${args.init_background_color}`},{duration: 1000,queue:false});
    579     }
    580 
    581     else if(item=='spfa_move'){
    582       jQuery(args.item_id).animate({ "left": `${args.init_pos.left}px`,"top": `${args.init_pos.top}px`},{duration: 1000,queue:false});
    583564    }
    584565
    … …  
    590571      var current_margin_top =  parseInt(jQuery(args.item_id).css('margin-top').replace('px',''));
    591572      var calc_margin_top = current_margin_top+(current_height - args.init_height)/2;
    592       jQuery(args.item_id).animate({ 'margin-top':`${calc_margin_top}px`,'margin-left':`${calc_margin_left}px`,'width':`${args.init_width}px`,'height':`${args.init_height}px`,'fontSize':args.init_fontsize},{duration: 1000,queue:false});
     573      jQuery(args.item_id).animate({ 'width':`${args.init_width}px`,'height':`${args.init_height}px`,'fontSize':args.init_fontsize},{duration: 1000,queue:false});
     574    }
     575
     576    else if(item=='spfa_move'){
     577      jQuery(args.item_id).animate({ "margin-left": `${args.init_margin_left}`,"margin-top": `${args.init_margin_top}`},{duration: 1000,queue:false});
    593578    }
    594579
    … …  
    643628
    644629}
    645 
    646 function spfa_ui_effect_complete(element,args,i){
    647   if(args[`frame${i}effect2`]=='spfa_move' && (args[`frame${i}effect`]=='spfa_bounce' || args[`frame${i}effect`]=='spfa_shake')){
    648     jQuery(element).css('left',`+=${args[`frame${i}option3`]}px`);
    649     jQuery(element).css('top',`+=${args[`frame${i}option4`]}px`);
    650     jQuery(element).css('margin-left',`${args.init_margin_left}`);
    651     jQuery(element).css('margin-top',`${args.init_margin_top}`);
    652   }
    653 }

  • sequence-animation/trunk/js/spfa_effects-md.js

    r2156925 r2158071  
    231231    },
    232232
    233     restoreStyle: function( element ) {
     233    restoreStyle: function( element, position ) {
    234234        ////////////
    235235        //deimos mod
    … …  
    268268        element[ 0 ].style.top = temp_top;
    269269    element[ 0 ].style.transform = temp_transform;
     270    element[ 0 ].style.position = position;
    270271        // if (element[ 0 ].style.marginLeft && element[ 0 ].style.marginLeft!=temp_margin_left){
    271272        //      element[ 0 ].style.marginLeft = `${margin_left+left}px`;

  • sequence-animation/trunk/readme.txt

    r2157406 r2158071  
    66Requires at least: 4.7.8
    77Tested up to: 5.2.2
    8 Stable tag: 1.1
     8Stable tag: 1.2
    99License: GPLv2 or later
    1010
    … …  
    5252= 1.1=
    5353*Optimization in css position  Date - 15 Sep 2019*
     54
     55= 1.2=
     56*Restore previous css position Date - 17 Sep 2019*
Note: See TracChangeset for help on using the changeset viewer.