Citakan:kotretan/skrip.js

/* Els JavaScripts d'aquesta pàgina es carregaran per tots els usuaris independentment de la seva configuració. Citakan:interwiki-all

/

/***** Amagar el títol i la categoria a la portada i subportades
Adaptat de meta:Help:Configuration tips and tricks
*/
mw.loader.using(['mediawiki.util']).then(function() {
  var isDiff = mw.util.getParamValue('diff') || mw.util.getParamValue('oldid');

  if ((mw.config.get('wgIsMainPage')||wgPageName == "Llibre_de_cuina"||wgPageName == "Viquijúnior"||wgPageName == "Plantilla:Portada2010a2015") && mw.config.get('wgIsArticle') && !isDiff){
    mw.util.addCSS('#lastmod, #siteSub, #contentSub,  h1.firstHeading, #catlinks { display: none !important; }');
  }
});

/*HERE STARTS THE WORKING-CODE OF "METABOXES"*/

/* Funcionament de la Plantilla:Metacaixa
Implementat per: Usuari:Peleguer.
Actualitzat per Joanjoc seguint les indicacions d'en Martorell
*/

function MetaCaixaInit(){
 //S'executa al carregar-se la pàgina, si hi ha metacaixes,
 // s'assignen els esdeveniments als botons
 //alert("MetaCaixaInit");

 var i=0       //Inicialitzem comptador de caixes
 for (i=0;i<=9;i++){
    var vMc = document.getElementById("mc"+i);
    if (!vMc) break;
    //alert("MetaCaixaInit, trobada Metacaixa mc"+i);

    var j=1    //Inicialitzem comptador de botons dins de la caixa
    var vPsIni = 0  //Pestanya visible inicial
    for (j=1;j<=9;j++){
       var vBt = document.getElementById("mc"+i+"bt"+j);
       if (!vBt) break;
       //alert("MetaCaixaInit, trobat botó mc"+i+"bt"+j);
       vBt.onclick = MetaCaixaMostraPestanya;          //A cada botó assignem l'esdeveniment onclick
       //alert (vBt.className);
       if (vBt.className=="mcBotoSel") vPsIni=j;  //Si tenim un botó seleccionat, en guardem l'index
    }
    //alert ("mc="+i+", ps="+j+", psini="+vPsIni );
    if (vPsIni == 0) { //Si no tenim cap botó seleccionat, n'agafem un aleatòriament
        vPsIni = 1+Math.floor((j-1)*Math.random()) ;
        //alert ("Activant Pestanya a l'atzar; _mc"+i+"bt"+vPsIni +"_");
        document.getElementById("mc"+i+"ps"+vPsIni).style.display = "block";
        document.getElementById("mc"+i+"ps"+vPsIni).style.visibility = "visible";
        document.getElementById("mc"+i+"bt"+vPsIni).className="mcBotoSel";
    } 
 }
}

function MetaCaixaMostraPestanya(){
 //S'executa al clicar una pestanya,
 //aquella es fa visible i les altres s'oculten
 var vMcNom = this.id.substr(0,3); //A partir del nom del botó, deduïm el nom de la caixa
 var vIndex = this.id.substr(5,1); //I l'index

 var i=1
 for (i=1;i<=9;i++){        //busquem totes les pestanyes d'aquella caixa
     //alert(vMcNom+"ps"+i);
       var vPsElem = document.getElementById(vMcNom+"ps"+i);
       if (!vPsElem) break;
       if (vIndex==i){ //Si és la pestanya bona la mostrem i canviem la classe de botó
               vPsElem.style.display = "block";
               vPsElem.style.visibility = "visible";
               document.getElementById(vMcNom+"bt"+i).className="mcBotoSel";
       } else {             //Sinó, l'ocultem i canviem la classe de botó
               vPsElem.style.display = "none";
               vPsElem.style.visibility = "hidden";
               document.getElementById(vMcNom+"bt"+i).className="mcBoto";
       }
 }
 return false; //evitem la recàrrega de la pàgina
}

$(document).ready(MetaCaixaInit);

/*HERE FINISHES THE WORKING-CODE OF "METABOXES"*/

/**

* Collapsible tables *********************************************************
* https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.js&oldid=554529999
* Description: Allows tables to be collapsed, showing only the header. See
*              Wikipedia:NavFrame.
* Maintainers: User:R. Koot
*/

var autoCollapse = 2; var collapseCaption = 'amaga'; var expandCaption = 'mostra';

window.collapseTable = function ( tableIndex ) {

   var Button = document.getElementById( 'collapseButton' + tableIndex );
   var Table = document.getElementById( 'collapsibleTable' + tableIndex );

   if ( !Table || !Button ) {
       return false;
   }

   var Rows = Table.rows;
   var i;

   if ( Button.firstChild.data === collapseCaption ) {
       for ( i = 1; i < Rows.length; i++ ) {
           Rows[i].style.display = 'none';
       }
       Button.firstChild.data = expandCaption;
   } else {
       for ( i = 1; i < Rows.length; i++ ) {
           Rows[i].style.display = Rows[0].style.display;
       }
       Button.firstChild.data = collapseCaption;
   }

};

function createCollapseButtons() {

   var tableIndex = 0;
   var NavigationBoxes = {};
   var Tables = document.getElementsByTagName( 'table' );
   var i;

   function handleButtonLink( index, e ) {
       window.collapseTable( index );
       e.preventDefault();
   }

   for ( i = 0; i < Tables.length; i++ ) {
       if ( $( Tables[i] ).hasClass( 'collapsible' ) ) {

           /* only add button and increment count if there is a header row to work with */
           var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
           if ( !HeaderRow ) continue;
           var Header = HeaderRow.getElementsByTagName( 'th' )[0];
           if ( !Header ) continue;

           NavigationBoxes[ tableIndex ] = Tables[i];
           Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );

           var Button     = document.createElement( 'span' );
           var ButtonLink = document.createElement( 'a' );
           var ButtonText = document.createTextNode( collapseCaption );

           Button.className = 'collapseButton';  /* Styles are declared in Common.css */

           ButtonLink.style.color = Header.style.color;
           ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
           ButtonLink.setAttribute( 'href', '#' );
           $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );
           ButtonLink.appendChild( ButtonText );

           Button.appendChild( document.createTextNode( '[' ) );
           Button.appendChild( ButtonLink );
           Button.appendChild( document.createTextNode( ']' ) );

           Header.insertBefore( Button, Header.firstChild );
           tableIndex++;
       }
   }

   for ( i = 0;  i < tableIndex; i++ ) {
       if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || ( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) ) {
           window.collapseTable( i );
       } 
       else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) {
           var element = NavigationBoxes[i];
           while ((element = element.parentNode)) {
               if ( $( element ).hasClass( 'outercollapse' ) ) {
                   window.collapseTable ( i );
                   break;
               }
           }
       }
   }

}

$( createCollapseButtons );

/**

* Dynamic Navigation Bars (experimental)
* https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.js&oldid=554529999
* Description: See Wikipedia:NavFrame.
* Maintainers: UNMAINTAINED
*/

/* set up the words in your language */ var NavigationBarHide = '[' + collapseCaption + ']'; var NavigationBarShow = '[' + expandCaption + ']';

/**

* Shows and hides content and picture (if available) of navigation bars
* Parameters:
*     indexNavigationBar: the index of navigation bar to be toggled
**/

window.toggleNavigationBar = function ( indexNavigationBar, event ) {

   var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
   var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
   var NavChild;

   if ( !NavFrame || !NavToggle ) {
       return false;
   }

   /* if shown now */
   if ( NavToggle.firstChild.data === NavigationBarHide ) {
       for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
           if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
               NavChild.style.display = 'none';
           }
       }
   NavToggle.firstChild.data = NavigationBarShow;

   /* if hidden now */
   } else if ( NavToggle.firstChild.data === NavigationBarShow ) {
       for ( NavChild = NavFrame.firstChild; NavChild !== null; NavChild = NavChild.nextSibling ) {
           if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
               NavChild.style.display = 'block';
           }
       }
       NavToggle.firstChild.data = NavigationBarHide;
   }

   event.preventDefault();

};

/* adds show/hide-button to navigation bars */ function createNavigationBarToggleButton() {

   var indexNavigationBar = 0;
   var NavFrame;
   var NavChild;
   /* iterate over all < div >-elements */
   var divs = document.getElementsByTagName( 'div' );
   for ( var i = 0; (NavFrame = divs[i]); i++ ) {
       /* if found a navigation bar */
       if ( $( NavFrame ).hasClass( 'NavFrame' ) ) {

           indexNavigationBar++;
           var NavToggle = document.createElement( 'a' );
           NavToggle.className = 'NavToggle';
           NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
           NavToggle.setAttribute( 'href', '#' );
           $( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, indexNavigationBar ) );

           var isCollapsed = $( NavFrame ).hasClass( 'collapsed' );
           /**
            * Check if any children are already hidden.  This loop is here for backwards compatibility:
            * the old way of making NavFrames start out collapsed was to manually add style="display:none"
            * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
            * the content visible without JavaScript support), the new recommended way is to add the class
            * "collapsed" to the NavFrame itself, just like with collapsible tables.
            */
           for ( NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling ) {
               if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                   if ( NavChild.style.display === 'none' ) {
                       isCollapsed = true;
                   }
               }
           }
           if ( isCollapsed ) {
               for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
                   if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                       NavChild.style.display = 'none';
                   }
               }
           }
           var NavToggleText = document.createTextNode( isCollapsed ? NavigationBarShow : NavigationBarHide );
           NavToggle.appendChild( NavToggleText );

           /* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */
           for( var j = 0; j < NavFrame.childNodes.length; j++ ) {
               if ( $( NavFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
                   NavToggle.style.color = NavFrame.childNodes[j].style.color;
                   NavFrame.childNodes[j].appendChild( NavToggle );
               }
           }
           NavFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
       }
   }

}

$( createNavigationBarToggleButton );

/*Pagebanner /*

rwdImageMaps jQuery plugin v1.4
Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
Copyright (c) 2012 Matt Stow
https://github.com/stowball/jQuery-rwdImageMaps
http://mattstow.com
Licensed under the MIT license
/

(function(a){a.fn.rwdImageMaps=function(){var d=this,c=parseFloat(a.fn.jquery);var b=function(){d.each(function(){if(typeof(a(this).attr("usemap"))=="undefined"){return}var f=this,e=a(f);a("<img />").on( 'load', function(){var o,k,i="width",n="height";if(c<1.6){o=f.getAttribute(i),k=f.getAttribute(n)}else{o=e.attr(i),k=e.attr(n)}if(!o||!k){var p=new Image();p.src=e.attr("src");if(!o){o=p.width}if(!k){k=p.height}}var g=e.width()/100,l=e.height()/100,j=e.attr("usemap").replace("#",""),m="coords";a('map[name="'+j+'"]').find("area").each(function(){var s=a(this);if(!s.data(m)){s.data(m,s.attr(m))}var r=s.data(m).split(","),q=new Array(r.length);for(var h=0;h<q.length;++h){if(h%2===0){q[h]=parseInt(((r[h]/o)*100)*g)}else{q[h]=parseInt(((r[h]/k)*100)*l)}}s.attr(m,q.toString())})}).attr("src",e.attr("src"))})};a(window).resize(b).trigger("resize");return this}})(jQuery);

$(document).ready(function(e) {

   $('img[usemap]').rwdImageMaps();
   //$('.banner-box').css('font-size',($('.banner-box').width()*0.03)+'px');
   $('.banner-box').css('line-height',($('.banner-box').width()*0.08)+'px');

});

$(window).resize(function(e) {

   //$('.banner-box').css('font-size',($('.banner-box').width()*0.03)+'px');
   $('.banner-box').css('line-height',($('.banner-box').width()*0.08)+'px');

});

/* Hide normal page title and move location of geo map symbol when a page has a pagebanner */ $(".topbanner").closest(".mw-body").children(".firstHeading").hide(); $(".topbanner").closest("#mw-content-text").children("#geoCoord").css({top:0});

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

/

   $('.jcarousel')
       .on('jcarousel:create jcarousel:reload', function() {
           var element = $(this),
               width = element.innerWidth();
           // This shows 1 item at a time.
           // Divide `width` to the number of items you want to display,
           // eg. `width = width / 3` to display 3 items at a time.
           element.jcarousel('items').css('width', width + 'px');
       })
       .jcarousel({
           // Configuration goes here
           wrap: 'both',
           animation: 1500,
           center: true
       })
       .jcarouselAutoscroll({
           interval: 7500,
           target: '+=1',
           autostart: true,
       });

   $('.jcarousel-control-prev')
       .on('jcarouselcontrol:active', function() {
           $(this).removeClass('inactive');
       })
       .on('jcarouselcontrol:inactive', function() {
           $(this).addClass('inactive');
       })
       .jcarouselControl({
           target: '-=1'
       });

   $('.jcarousel-control-next')
       .on('jcarouselcontrol:active', function() {
           $(this).removeClass('inactive');
       })
       .on('jcarouselcontrol:inactive', function() {
           $(this).addClass('inactive');
       })
       .jcarouselControl({
           target: '+=1'
       });

   $('.jcarousel-pagination')
       .on('jcarouselpagination:active', 'a', function() {
           $(this).addClass('active');
       })
       .on('jcarouselpagination:inactive', 'a', function() {
           $(this).removeClass('active');
       })
       .jcarouselPagination();

});

// END Main Page carousel code

//Ticker de la portada var width = $('.ticker-text').width(),

   containerwidth = $('.ticker-container').width(),
   left = containerwidth;

$(document).ready(function(e){ function tick() {

       if(--left < -width){
           left = containerwidth;
       }
       $(".ticker-text").css("margin-left", left + "px");
       setTimeout(tick, 20); //El número indica la velocitat (Més petit més ràpid)
     }
     tick();

}); //END Ticker de la portada // IMATGE ENCAPÇALAMENT PORTADA $(document).ready(function(e){ $('#tbl-enc').css("background-image","url('https://upload.wikimedia.org/wikibooks/ca/6/60/Cap%C3%A7alera_Viquillibres.png')"); }); // END IMATGE ENCAPÇALAMENT PORTADA

//Canvia al editor visual al crear una recepota amb l'inputbox de la portada de llibre de cuina $(document).ready(function(){ if(window.location.search.substr(1).split('&')[7] == "create=Crea+una+recepta"){ $("#ca-ve-edit").children().children()[0].click(); } });