MediaWiki:Common.js: Difference between revisions

Revision as of 23:15, 27 September 2015

/* Any JavaScript here will be loaded for all users on every page load. */
/* Added by bholman 2012-03-28 to make collapsible elements work */
/* per http://www.mediawiki.org/wiki/Manual_talk:Collapsible_elements#Use_new_1.18_collapsible_in_1.17 */

mw.messages.set({"collapsible-collapse":"Collapse","collapsible-expand":"Expand"});
$(document).ready(function(){
 $('.mw-collapsible').makeCollapsible();
})

// 01/02/2015 Tony Allan - Facebook support
// see https://developers.facebook.com/quickstarts/727460864013163/?platform=web
window.fbAsyncInit = function() {
  FB.init({
    appId : '420807218085510',
    xfbml : true,
    version : 'v2.1'
  });
};

(function(d, s, id){
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js";
  //js.src = "//connect.facebook.net/en_GB/sdk/debug.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

// 02/02/2015 Tony Allan - Facebook Like and Share button for lost plays.org pages
// - David didn't like this... so removed
// $( '<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>' ).insertAfter( "#firstHeading" );


// 28/09/2015 Tony Allan Gallery support
// See http://www.jssor.com/development/basic-usage-no-jquery.html
// See https://www.mediawiki.org/wiki/Adding_HTML_to_wiki_pages
(function () {
  var e1 = document.getElementById('ta-jssor');
  e1.innerHTML = ' \
<script src="jssor.js"></script> \
<script src="jssor.slider.min.js"></script> \
<script> \
jssor_slider1_starter = function (containerId) { \
    var options = { $AutoPlay: true }; \
    var jssor_slider1 = new $JssorSlider$(containerId, options); \
}; \
</script> \
';}());

(function () {
  var e2 = document.getElementById('ta-jssor-trigger');
  e2.innerHTML = ' \
<script> \
jssor_slider1_starter("slider1_container"); \
</script> \
';}());