Difference between revisions of "MediaWiki:Common.js"

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search
Line 10: Line 10:


  var positionAdDivs= function () {
  var positionAdDivs= function () {
   console.log('version 2.2')
   console.log('version 2.3')


   var fixed = $("#IL_INSEARCH");
   var fixed = $("#IL_INSEARCH");
Line 19: Line 19:
   var toCross_position = $("#taboola-below-article-thumbnails").offset().top;
   var toCross_position = $("#taboola-below-article-thumbnails").offset().top;
   var toCross_height = $("#taboola-below-article-thumbnails").height();
   var toCross_height = $("#taboola-below-article-thumbnails").height();
 
/*
   console.log('fixed_position', fixed_position)
   console.log('fixed_position', fixed_position)
   console.log('fixed_height', fixed_height)
   console.log('fixed_height', fixed_height)
   console.log('toCross_position', toCross_position)
   console.log('toCross_position', toCross_position)
   console.log('toCross_height', toCross_height)
   console.log('toCross_height', toCross_height)
*/




Line 30: Line 32:
   } else if (fixed_position > toCross_position + toCross_height) {
   } else if (fixed_position > toCross_position + toCross_height) {
     console.log('remove displaynone class')
     console.log('remove displaynone class')
    console.log('fixed_position', fixed_position)
    console.log('fixed_height', fixed_height)
    console.log('toCross_position', toCross_position)
    console.log('toCross_height', toCross_height)
     fixed.removeClass('displaynone');
     fixed.removeClass('displaynone');
   } else {
   } else {
     console.log('add displaynone class')
     console.log('add displaynone class')
    console.log('fixed_position', fixed_position)
    console.log('fixed_height', fixed_height)
    console.log('toCross_position', toCross_position)
    console.log('toCross_height', toCross_height)
     fixed.addClass('displaynone');
     fixed.addClass('displaynone');
   }
   }

Revision as of 23:20, 24 October 2020

/* Any JavaScript here will be loaded for all users on every page load. */

// Scripts to use when viewing articles
/* if (mw.config.get('wgIsArticle') || window.location.href.indexOf('action=submit') > -1 || mw.config.get('wgNamespaceNumber') == -1) {
    mw.loader.load( '/index.php?title=MediaWiki:CollapsibleTables.js&action=raw&ctype=text/javascript' );
}
*/

window.addEventListener("load", function(){

 var positionAdDivs= function () {
  console.log('version 2.3')

  var fixed = $("#IL_INSEARCH");
  
  var fixed_position = $("#IL_INSEARCH").offset().top;
  var fixed_height = $("#IL_INSEARCH").height();

  var toCross_position = $("#taboola-below-article-thumbnails").offset().top;
  var toCross_height = $("#taboola-below-article-thumbnails").height();
 
/*
  console.log('fixed_position', fixed_position)
  console.log('fixed_height', fixed_height)
  console.log('toCross_position', toCross_position)
  console.log('toCross_height', toCross_height)
*/


  if (fixed_position + fixed_height  < toCross_position) {
   
  } else if (fixed_position > toCross_position + toCross_height) {
    console.log('remove displaynone class')

    console.log('fixed_position', fixed_position)
    console.log('fixed_height', fixed_height)
    console.log('toCross_position', toCross_position)
    console.log('toCross_height', toCross_height)

    fixed.removeClass('displaynone');
  } else {
    console.log('add displaynone class')

    console.log('fixed_position', fixed_position)
    console.log('fixed_height', fixed_height)
    console.log('toCross_position', toCross_position)
    console.log('toCross_height', toCross_height)

    fixed.addClass('displaynone');
  }

  /*
  if (fixed_position + fixed_height  < toCross_position) {
    var fixed_classes = fixed.attr('class')
    console.log('fixed_classes', fixed_classes)

    if (fixed_classes.includes('displaynone')){
      console.log('remove displaynone class!')
      fixed.removeClass('displaynone')
    } else {
      console.log('already removed displaynone class')
    }
   
  } else {
    var fixed_classes = fixed.attr('class')
    console.log('fixed_classes', fixed_classes)
    
    if (fixed_classes.includes('displaynone')){
      console.log('already has displaynone class')
    } else {
      console.log('add displaynone class!')
      fixed.addClass('displaynone')
    }
  }
  */
  
 };


 // if fixed_position is Not found, do nothing
 if (!$("#IL_INSEARCH").offset()){
 
 // otherwise start the interval
 } else {
   setInterval(positionAdDivs, 200);
 }
});