Hauptmenü öffnen

Memory Alpha Nova β

MediaWiki:Common.js: Unterschied zwischen den Versionen

imported>Shisma
 
(15 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
(function ($) {
+
/*@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Tabs.js&action=raw&ctype=text/javascript');
 +
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Gadget-TapToShow.js&action=raw&ctype=text/javascript');
 +
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Sidebar.js&action=raw&ctype=text/javascript');*/
 +
mw.loader.load( '/mediawiki/index.php?title=MediaWiki:Sidebar.js&action=raw&ctype=text/javascript');
 +
//mw.loader.load( '/mediawiki/index.php?title=MediaWiki:Details.js&action=raw&ctype=text/javascript');
 +
//mw.loader.load( '/wiki/MediaWiki:Details.js&action=raw&ctype=text/javascript');
 +
 
 +
/*(function ($) {
 
   $(function() {
 
   $(function() {
 
     var sidebarjs = $('<script type="text/javascript" />');
 
     var sidebarjs = $('<script type="text/javascript" />');
     sidebarjs.attr('src', 'http://de.memory-alpha.org/wiki/MediaWiki:Fusion/scripts/Sidebar.js?action=raw&ctype=text/javascript');
+
     sidebarjs.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Sidebar.js&action=raw&ctype=text/javascript');
 
     $('head').append(sidebarjs);
 
     $('head').append(sidebarjs);
 +
  });
 +
})(jQuery);
 +
*/
 +
/*(function ($) {
 +
  $(function() {
 +
    var details = $('<script type="text/javascript" />');
 +
    details.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Details.js&action=raw&ctype=text/javascript');
 +
    $('head').append(details);
 +
  });
 +
})(jQuery);
 +
*/
 +
(function ($) {
 +
  $(function() {
 +
    var tabsjs = $('<script type="text/javascript" />');
 +
    tabjs.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Tabs.js&action=raw&ctype=text/javascript');
 +
    $('head').append(tabjs);
 +
  });
 +
})(jQuery);
 +
 +
 +
/*(function ($) {
 +
  $(function() {
 +
    var gadget-TapToShowjs = $('<script type="text/javascript" />');
 +
    gadget-TapToShowjs.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Gadget-TapToShow.js&action=raw&ctype=text/javascript');
 +
    $('head').append(gadget-TapToShowjs);
 
   });
 
   });
 
})(jQuery);
 
})(jQuery);
  
 
(function ($) {
 
(function ($) {
   $(function() {var fullImage = $('#file > a');
+
   $(function() {
 +
    var Gadget-Tabjs = $('<script type="text/javascript" />');
 +
    Gadget-Tabjs.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Gadget-Tab.js&action=raw&ctype=text/javascript');
 +
    $('head').append(Gadget-Tabjs);
 +
  });
 +
})(jQuery);*/
 +
 
 +
 
 +
//Kopie von Sidebar.js
 +
/*
 +
(function ($) {
 +
  $(function() {
 +
 
 +
    $('.nav dt, .links > dt').bind('click', function() {
 +
      var _this = $(this);
 +
      _this.siblings('.next + dd, .prev + dd').slideDown();
 +
      _this.nextUntil('dt:not(.next, .prev)', 'dd').slideDown().children('ul').children('li').each(function(index) {
 +
        var delay = index * 50;
 +
        $(this).delay(delay).animate({opacity:1});
 +
      });
 +
    }).css({cursor:'pointer'}).siblings('dd').hide().find('li').css({opacity:0});
 +
 
 +
    $('.sidebar-title').bind('click', function() {
 +
      var sidebar = $(this).parent();
 +
      sidebar.children('*:not(.sidebar-title):not(.sidebar-title + .thumb)').slideUp('slow', function() {
 +
        sidebar.find('.sidebar-title + .thumb .thumbcaption').sideDown();
 +
      });
 +
    }).css({cursor:'pointer'});
 +
 
 +
    $('.sidebar-division').each(function() {
 +
      var divisionHeader = $(this).children('.division-header');
 +
      var expandabilityIndicator = '<span class="expandability-indicator">&hellip;</span>';
 +
 
 +
      var divisionLabel = divisionHeader.html();
 +
      var cookieName = divisionLabel.toLowerCase().replace(/(<([^>]+)>)/ig,"");
 +
 
 +
      $(divisionHeader).append(expandabilityIndicator);
 +
 
 +
      if($.cookie('sidebar-division-state-' + cookieName) == 'expended') {
 +
        $(this).find('.expandability-indicator').hide();
 +
      } else {
 +
        $(this).addClass('collapsed').children('.division-header').siblings().hide();
 +
      }
 +
    });
 +
 
 +
    $('.division-header').css({cursor:'pointer'}).click(function() {
 +
      var wrapper = $(this).parent();
 +
 
 +
      if(wrapper.hasClass('collapsed')) {
 +
 
 +
        var divisionLabel = $(this).children('strong').html();
 +
        var cookieName = divisionLabel.toLowerCase().replace(/(<([^>]+)>)/ig,"");
 +
 
 +
        $(this).siblings().slideDown('slow');
 +
        $(this).find('.expandability-indicator').fadeOut();
 +
        wrapper.removeClass('collapsed');
 +
        $.cookie('sidebar-division-state-' + cookieName, 'expended');
 +
 
 +
      } else {
 +
 
 +
 
 +
        var divisionLabel = $(this).children('strong').html();
 +
        var cookieName = divisionLabel.toLowerCase().replace(/(<([^>]+)>)/ig,"")
 +
 
 +
        $(this).siblings().slideUp('slow', function() {
 +
          wrapper.addClass('collapsed');
 +
        });
 +
        $(this).find('.expandability-indicator').fadeIn();
 +
        $.cookie('sidebar-division-state-' + cookieName, 'collapsed');
 +
      }
 +
    });
 +
    $('.details > .summary').each(function() {
 +
      var $summary = $(this);
 +
      var $details = $summary.parent();
 +
      var $button = $('<a />').html('anzeigen');
 +
      $summary.append(" [").append($button).append(']');
 +
      $summary.bind('click', function() {
 +
      $details.toggleClass('open');
 +
      if($details.hasClass('open')) {
 +
          $button.html('verbergen');
 +
        } else {
 +
          $button.html('anzeigen');
 +
        }
 +
      });
 +
    });
 +
  });
 +
})(jQuery);
 +
 
 +
*/
 +
/**
 +
* jQuery Cookie plugin
 +
*
 +
* Copyright (c) 2010 Klaus Hartl (stilbuero.de)
 +
* Dual licensed under the MIT and GPL licenses:
 +
* http://www.opensource.org/licenses/mit-license.php
 +
* http://www.gnu.org/licenses/gpl.html
 +
*
 +
*/
 +
jQuery.cookie = function (key, value, options) {
 +
 
 +
    // key and at least value given, set cookie...
 +
    if (arguments.length > 1 && String(value) !== "[object Object]") {
 +
        options = jQuery.extend({}, options);
 +
 
 +
        if (value === null || value === undefined) {
 +
            options.expires = -1;
 +
        }
 +
 
 +
        if (typeof options.expires === 'number') {
 +
            var days = options.expires, t = options.expires = new Date();
 +
            t.setDate(t.getDate() + days);
 +
        }
 +
 
 +
        value = String(value);
 +
 
 +
        return (document.cookie = [
 +
            encodeURIComponent(key), '=',
 +
            options.raw ? value : cookie_encode(value),
 +
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
 +
            options.path ? '; path=' + options.path : '',
 +
            options.domain ? '; domain=' + options.domain : '',
 +
            options.secure ? '; secure' : ''
 +
        ].join(''));
 +
    }
 +
 
 +
    // key and possibly options given, get cookie...
 +
    options = value || {};
 +
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
 +
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
 +
};
 +
 
 +
function cookie_encode(string){
 +
  //full uri decode not only to encode ",; =" but to save uicode charaters
 +
  var decoded = encodeURIComponent(string);
 +
  //encod back common and allowed charaters {}:"#[] to save space and make the cookies more human readable
 +
  var ns = decoded.replace(/(%7B|%7D|%3A|%22|%23|%5B|%5D)/g,function(charater){return decodeURIComponent(charater);});
 +
  return ns;
 +
}
 +
 
 +
 
 +
(function ($) {
 +
  $(function() {
 +
 
 +
var fullImage = $('#file > a');
 
var regionBrowser = $('<div />', {
 
var regionBrowser = $('<div />', {
 
   id: 'region-browser'
 
   id: 'region-browser'
Zeile 14: Zeile 189:
  
 
fullImage.after(regionBrowser);
 
fullImage.after(regionBrowser);
 +
 +
fullImage.css({
 +
  display: 'inline-block',
 +
  position: 'relative'
 +
}).children('img').css({
 +
  verticalAlign: 'bottom'
 +
});
  
 
$('.region-info').each(function() {
 
$('.region-info').each(function() {
Zeile 20: Zeile 202:
 
   var c = that.attr('title').split(' ');
 
   var c = that.attr('title').split(' ');
 
   var thumbHeight = 100;
 
   var thumbHeight = 100;
 +
  
 
   svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 
   svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
Zeile 29: Zeile 212:
 
   svg.setAttribute('viewBox', (c[0] - (c[2] / 2)) + ' ' + (c[1] - (c[3] / 2)) + ' ' + c[2] + ' ' + c[3]);
 
   svg.setAttribute('viewBox', (c[0] - (c[2] / 2)) + ' ' + (c[1] - (c[3] / 2)) + ' ' + c[2] + ' ' + c[3]);
 
   svg.setAttribute('height', thumbHeight);
 
   svg.setAttribute('height', thumbHeight);
   svg.setAttribute('width', (c[2] * 1.5) * ratio);
+
   svg.setAttribute('width', c[2] * ratio);
 +
  svg.setAttribute('style', 'margin: 1em 1em 0 0');
  
 
   image = document.createElementNS("http://www.w3.org/2000/svg", "image");
 
   image = document.createElementNS("http://www.w3.org/2000/svg", "image");
Zeile 36: Zeile 220:
 
   image.setAttribute('preserveAspectRatio', 'none');
 
   image.setAttribute('preserveAspectRatio', 'none');
 
   image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', src);
 
   image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', src);
 +
 +
  var marker = $('<span />').css({
 +
    border: '1px solid white',
 +
    position: 'absolute',
 +
    display: 'none',
 +
    left: c[0] + '%',
 +
    top: c[1] + '%',
 +
    width: c[2] + '%',
 +
    height: c[3] + '%',
 +
    marginLeft: ((c[2]/2)*-1) + '%',
 +
    marginTop: ((c[3]/2)*-1) + '%'
 +
  });
 +
 +
  marker.appendTo(fullImage);
 
   $(image).appendTo(svg);
 
   $(image).appendTo(svg);
   $(svg).appendTo(regionBrowser);
+
   $(svg).appendTo(regionBrowser).hover(function() {
 +
    marker.fadeIn();
 +
  }, function() {
 +
    marker.fadeOut();
 +
  });
 
});
 
});
 +
  
 
   });
 
   });
 
})(jQuery);
 
})(jQuery);

Aktuelle Version vom 17. Januar 2020, 12:16 Uhr

/*@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Tabs.js&action=raw&ctype=text/javascript');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Gadget-TapToShow.js&action=raw&ctype=text/javascript');
@import url('//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Sidebar.js&action=raw&ctype=text/javascript');*/
mw.loader.load( '/mediawiki/index.php?title=MediaWiki:Sidebar.js&action=raw&ctype=text/javascript');
//mw.loader.load( '/mediawiki/index.php?title=MediaWiki:Details.js&action=raw&ctype=text/javascript');
//mw.loader.load( '/wiki/MediaWiki:Details.js&action=raw&ctype=text/javascript');

/*(function ($) {
  $(function() {
    var sidebarjs = $('<script type="text/javascript" />');
    sidebarjs.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Sidebar.js&action=raw&ctype=text/javascript');
    $('head').append(sidebarjs);
  });
})(jQuery);
*/
/*(function ($) {
  $(function() {
    var details = $('<script type="text/javascript" />');
    details.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Details.js&action=raw&ctype=text/javascript');
    $('head').append(details);
  });
})(jQuery);
*/
(function ($) {
  $(function() {
    var tabsjs = $('<script type="text/javascript" />');
    tabjs.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Tabs.js&action=raw&ctype=text/javascript');
    $('head').append(tabjs);
  });
})(jQuery);


/*(function ($) {
  $(function() {
    var gadget-TapToShowjs = $('<script type="text/javascript" />');
    gadget-TapToShowjs.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Gadget-TapToShow.js&action=raw&ctype=text/javascript');
    $('head').append(gadget-TapToShowjs);
  });
})(jQuery);

(function ($) {
  $(function() {
    var Gadget-Tabjs = $('<script type="text/javascript" />');
    Gadget-Tabjs.attr('src', '//memory-alpha.wiki/mediawiki/index.php?title=MediaWiki:Gadget-Tab.js&action=raw&ctype=text/javascript');
    $('head').append(Gadget-Tabjs);
  });
})(jQuery);*/


//Kopie von Sidebar.js
/*
(function ($) {
  $(function() {

    $('.nav dt, .links > dt').bind('click', function() {
      var _this = $(this);
      _this.siblings('.next + dd, .prev + dd').slideDown();
      _this.nextUntil('dt:not(.next, .prev)', 'dd').slideDown().children('ul').children('li').each(function(index) {
        var delay = index * 50;
        $(this).delay(delay).animate({opacity:1});
      });
    }).css({cursor:'pointer'}).siblings('dd').hide().find('li').css({opacity:0});

    $('.sidebar-title').bind('click', function() {
      var sidebar = $(this).parent();
      sidebar.children('*:not(.sidebar-title):not(.sidebar-title + .thumb)').slideUp('slow', function() {
        sidebar.find('.sidebar-title + .thumb .thumbcaption').sideDown();
      });
    }).css({cursor:'pointer'});

    $('.sidebar-division').each(function() {
      var divisionHeader = $(this).children('.division-header');
      var expandabilityIndicator = '<span class="expandability-indicator">&hellip;</span>';

      var divisionLabel = divisionHeader.html();
      var cookieName = divisionLabel.toLowerCase().replace(/(<([^>]+)>)/ig,"");

      $(divisionHeader).append(expandabilityIndicator);

      if($.cookie('sidebar-division-state-' + cookieName) == 'expended') {
        $(this).find('.expandability-indicator').hide();
      } else {
        $(this).addClass('collapsed').children('.division-header').siblings().hide();
      }
    });

    $('.division-header').css({cursor:'pointer'}).click(function() {
      var wrapper = $(this).parent();

      if(wrapper.hasClass('collapsed')) {

        var divisionLabel = $(this).children('strong').html();
        var cookieName = divisionLabel.toLowerCase().replace(/(<([^>]+)>)/ig,"");

        $(this).siblings().slideDown('slow');
        $(this).find('.expandability-indicator').fadeOut();
        wrapper.removeClass('collapsed');
        $.cookie('sidebar-division-state-' + cookieName, 'expended');

      } else {


        var divisionLabel = $(this).children('strong').html();
        var cookieName = divisionLabel.toLowerCase().replace(/(<([^>]+)>)/ig,"")

        $(this).siblings().slideUp('slow', function() {
          wrapper.addClass('collapsed');
        });
        $(this).find('.expandability-indicator').fadeIn();
        $.cookie('sidebar-division-state-' + cookieName, 'collapsed');
      }
    });
    $('.details > .summary').each(function() {
      var $summary = $(this);
      var $details = $summary.parent();
      var $button = $('<a />').html('anzeigen');
      $summary.append(" [").append($button).append(']');
      $summary.bind('click', function() {
      $details.toggleClass('open');
      if($details.hasClass('open')) {
          $button.html('verbergen');
        } else {
          $button.html('anzeigen');
        }
      });
    });
  });
})(jQuery);

*/
/**
 * jQuery Cookie plugin
 *
 * Copyright (c) 2010 Klaus Hartl (stilbuero.de)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */
jQuery.cookie = function (key, value, options) {

    // key and at least value given, set cookie...
    if (arguments.length > 1 && String(value) !== "[object Object]") {
        options = jQuery.extend({}, options);

        if (value === null || value === undefined) {
            options.expires = -1;
        }

        if (typeof options.expires === 'number') {
            var days = options.expires, t = options.expires = new Date();
            t.setDate(t.getDate() + days);
        }

        value = String(value);

        return (document.cookie = [
            encodeURIComponent(key), '=',
            options.raw ? value : cookie_encode(value),
            options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
            options.path ? '; path=' + options.path : '',
            options.domain ? '; domain=' + options.domain : '',
            options.secure ? '; secure' : ''
        ].join(''));
    }

    // key and possibly options given, get cookie...
    options = value || {};
    var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};

function cookie_encode(string){
  //full uri decode not only to encode ",; =" but to save uicode charaters
  var decoded = encodeURIComponent(string);
  //encod back common and allowed charaters {}:"#[] to save space and make the cookies more human readable
  var ns = decoded.replace(/(%7B|%7D|%3A|%22|%23|%5B|%5D)/g,function(charater){return decodeURIComponent(charater);});
  return ns;
}


(function ($) {
  $(function() {

var fullImage = $('#file > a');
var regionBrowser = $('<div />', {
  id: 'region-browser'
});

fullImage.after(regionBrowser);

fullImage.css({
  display: 'inline-block',
  position: 'relative'
}).children('img').css({
  verticalAlign: 'bottom'
});

$('.region-info').each(function() {
  var that = $(this);
  var src = $('.fullMedia > a').attr('href');
  var c = that.attr('title').split(' ');
  var thumbHeight = 100;


  svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
  svg.setAttribute('preserveAspectRatio', 'none');

  var ratio = thumbHeight / c[3];


  svg.setAttribute('viewBox', (c[0] - (c[2] / 2)) + ' ' + (c[1] - (c[3] / 2)) + ' ' + c[2] + ' ' + c[3]);
  svg.setAttribute('height', thumbHeight);
  svg.setAttribute('width', c[2] * ratio);
  svg.setAttribute('style', 'margin: 1em 1em 0 0');

  image = document.createElementNS("http://www.w3.org/2000/svg", "image");
  image.setAttribute('width', 100);
  image.setAttribute('height', 100);
  image.setAttribute('preserveAspectRatio', 'none');
  image.setAttributeNS('http://www.w3.org/1999/xlink', 'href', src);

  var marker = $('<span />').css({
    border: '1px solid white',
    position: 'absolute',
    display: 'none',
    left: c[0] + '%',
    top: c[1] + '%',
    width: c[2] + '%',
    height: c[3] + '%',
    marginLeft: ((c[2]/2)*-1) + '%',
    marginTop: ((c[3]/2)*-1) + '%'
  });

  marker.appendTo(fullImage);
  $(image).appendTo(svg);
  $(svg).appendTo(regionBrowser).hover(function() {
    marker.fadeIn();
  }, function() {
    marker.fadeOut();
  });
});


  });
})(jQuery);