Usuari:Joanjoc/metacaixa.js

De Viquipèdia

Nota: Després de desar, heu de posar al dia la memòria cau del vostre navegador per veure els canvis.

• Mozilla/Firefox/Safari: Premeu Shift mentre cliqueu "Actualitza" (Reload), o premeu Ctrl+Shift+R (Cmd+Shift+R en un Mac Apple);
• Internet Explorer: premeu Ctrl mentre cliqueu "Actualitza" (Refresh), o premeu Ctrl+F5;
• Konqueror: simplement cliqueu el botó "Recarregar" (Reload), o premeu F5;
• Opera: haureu d'esborrar completament la vostra memòria cau (caché) a Tools→Preferences.

/*<pre>*/

//---------------------------------------------------------
//---------------------------------------------------------
// 
// CODI PER AL FUNCIONAMENT DE LA NOVA 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 han metacaixes,
  // s'assignen els events als botons
  //alert("MetaCaixaInit");
  
  var i=0       //Inicalitzem contador 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    //Inicalitzem contador 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'event 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ó, deduim 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 la boto
                vPsElem.style.display = "block";
                vPsElem.style.visibility = "visible";
                document.getElementById(vMcNom+"bt"+i).className="mcBotoSel";
        } else {             //Sinó, la ocultem i canviem la classe la boto
                vPsElem.style.display = "none";
                vPsElem.style.visibility = "hidden";
                document.getElementById(vMcNom+"bt"+i).className="mcBoto";
        }
  }
  return false; //evitem que es recarregui la pàgina
}

addLoadEvent(MetaCaixaInit);
/*</pre>*/