MediaWiki: Common.js: Difference between revisions

From The Lost Media Wiki
Jump to: navigation, search
No edit summary
No edit summary
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */


/*custom javascript for the lostmediawiki metrolook theme*/
$(document).ready(function() {  
 
   $("#sidebar-menu").detach().insertAfter("#searchform");
/*change the title text by the Image */
  $("#infobox").appendTo("#sidebar-right");
 
  $(window).resize(function() {
var titleImage = '<img width="150" src="http://lostmediawiki.com/skins/Metrolook/images/nofilm.png" style="margin-top:-5px; margin-left:5px;">';
      $("#contentwrapper").css({"padding-top": $("#mw-navigation").height() + 20 });
$(".title-name > a > .title-name").html(titleImage);
   }).resize();
 
   $(".sidebar-right-wrapper").detach().prependTo("#contentwrapper");
/*Change the title text by the Image ends*/
  $("#commbutt").detach().appendTo("#sidebar-right");
 
  $(".onload").toggle();
/*Replace the Home by blank space to display site title only on the main page*/
  $( "div#shout" )
var str = $("title").text();
    .mouseenter(function() {
var title = str.split("-");
      $( this ).css("bottom","0");
if(title[0].trim()=="Home"){
      $("body").css("overflow","hidden");
   $("title").text(title[1].trim());
    })
}
    .mouseleave(function() {
/*Replace the Home by blank space to display site title only on the main page*/
      $( this ).css("bottom","-350px");
 
      $("body").css("overflow","auto");
/*custom javascript for the lostmediawiki metrolook theme ends here*/
    });
 
 
$("div.embedvideo").css("width", "100%");
$(".embedvideo .thumbinner").css("width", "100%").css("max-width", "640px");
$(".embedvideo .thumbinner iframe").css("width", "100%");
 
var $selector = $(".embedvideo .thumbinner iframe");
var $selectorsmall = $(".video-small .embedvideo .thumbinner iframe");
var $selectorbig = $(".video-small .embedvideo .thumbinner iframe");
var $selectortwo = $(".video-two .embedvideo .thumbinner iframe");
var $selectorthree = $(".video-three .embedvideo .thumbinner iframe");
var $selectorfour = $(".video-four .embedvideo .thumbinner iframe");
 
$(window).resize(function (){
  setAspectRatio($selector);
});
$(window).resize(function (){
   setAspectRatioBig($selectorbig);
});
$(window).resize(function (){
  setAspectRatioSmall($selectorsmall);
});
$(window).resize(function (){
  setAspectRatioTwo($selectortwo);
});
$(window).resize(function (){
   setAspectRatioThree($selectorthree);
});
$(window).resize(function (){
  setAspectRatioFour($selectorfour);
});
 
 
function setAspectRatio(selector) {
var wide = $(".embedvideo .thumbinner").css("width");
var calculate = parseInt(wide, 10)* 0.625;
selector.css("height", calculate);
}
function setAspectRatioSmall(selectorsmall) {
var widesmall = $(".video-small .embedvideo .thumbinner").css("width");
var calculatesmall = parseInt(widesmall, 10)* 0.625;
selectorsmall.css("height", calculatesmall);
}
function setAspectRatioBig(selectorbig) {
var widebig = $(".video-big .embedvideo .thumbinner").css("width");
var calculatebig = parseInt(widebig, 10)* 0.625;
selectorbig.css("height", calculatebig);
}
function setAspectRatioTwo(selectortwo) {
var widetwo = $(".video-two .embedvideo .thumbinner").css("width");
var calculatetwo = parseInt(widetwo, 10)* 0.625;
selectortwo.css("height", calculatetwo);
}
function setAspectRatioThree(selectorthree) {
var widethree = $(".video-three .embedvideo .thumbinner").css("width");
var calculatethree = parseInt(widethree, 10)* 0.625;
selectorthree.css("height", calculatethree);
}
function setAspectRatioFour(selectorfour) {
var widefour = $(".video-four .embedvideo .thumbinner").css("width");
var calculatefour = parseInt(widefour, 10)* 0.625;
selectorfour.css("height", calculatefour);
}
var $content = $('#maincontent');
 
setToWindowHeight($content);
 
$(window).resize(function (){
  setToWindowHeight($content);
});
 
function setToWindowHeight(content) {
  content.css({ 'min-height': $(window).innerHeight() });
}
 
setAspectRatio($selector);
 
$(document).ready(function() {
 
$("#catlinks").detach().insertBefore("div.hf-footer");
 
setAspectRatioSmall($selectorsmall);
setAspectRatioBig($selectorbig);
setAspectRatioTwo($selectortwo);
setAspectRatioThree($selectorthree);
setAspectRatioFour($selectorfour);
 
});
});

Revision as of 19:29, 29 January 2018

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

$(document).ready(function() { 
  $("#sidebar-menu").detach().insertAfter("#searchform");
  $("#infobox").appendTo("#sidebar-right");
  $(window).resize(function() {
       $("#contentwrapper").css({"padding-top": $("#mw-navigation").height() + 20 });
  }).resize();
  $(".sidebar-right-wrapper").detach().prependTo("#contentwrapper");
  $("#commbutt").detach().appendTo("#sidebar-right");
  $(".onload").toggle();
  $( "div#shout" )
    .mouseenter(function() {
      $( this ).css("bottom","0");
      $("body").css("overflow","hidden");
    })
    .mouseleave(function() {
      $( this ).css("bottom","-350px");
      $("body").css("overflow","auto");
    });
});