Usuario:Kieziuku/pestaña.js

Nota: Después de guardar, debes refrescar la caché de tu navegador para ver los cambios. Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar. Firefox: mientras presionas Mayús pulsas el botón Actualizar, (o presiona Ctrl-Shift-R). Los usuarios de Google Chrome y Safari pueden simplemente pulsar el botón Recargar. Para más detalles e instrucciones acerca de otros exploradores, véase Ayuda:Cómo limpiar la caché.

//<pre>

//Codigo para ver la Plantilla:Pestañas.
//Por Albertsab.
//Codigo original de [[:ca:User:Joanjoc]]

function MetaCaixaInit(){
  //Se ejecuta si hay la plantilla en la página
  //Se asignan los botones a su funcion
  //alert("MetaCaixaInit");
  
  var i=0       //Inicio del contador de plantillas
  for (i=0;i<=9;i++){
     var vMc = document.getElementById("mc"+i);
     if (!vMc) break;
     //alert("MetaCaixaInit, trobada Metacaixa mc"+i);
     
     var j=1    //Inicar contador de botones
     var vPsIni = 0  //Pestaña 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;          //Asignar a cada botón el evento Onckick
        //alert (vBt.className);
        if (vBt.className=="mcBotoSel") vPsIni=j;  //Si hay un boton seleccionado, guardar el indice
     }
     //alert ("mc="+i+", ps="+j+", psini="+vPsIni );
     if (vPsIni == 0) { //Si no hay ningun boton seleccionado, elegir uno de forma aleatoria
         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(){
  //Se ejecuta al pinchar sobre una pestaña,
  //esta se hace visible y las otras se esconden
  var vMcNom = this.id.substr(0,3); //A partir del nombre del boton, deducir el nombre de la pestaña
  var vIndex = this.id.substr(5,1); //Y su indice
  
  var i=1
  for (i=1;i<=9;i++){        //buscar todas las pestañas dentro de la caja
      //alert(vMcNom+"ps"+i);
        var vPsElem = document.getElementById(vMcNom+"ps"+i);
        if (!vPsElem) break;
        if (vIndex==i){ //Si es la pestaña buena la mostramos y cambiamos la clase de boton
                vPsElem.style.display = "block";
                vPsElem.style.visibility = "visible";
                document.getElementById(vMcNom+"bt"+i).className="mcBotoSel";
        } else {             //En caso contrario la ocultamos y cambiamos la clase de boton
                vPsElem.style.display = "none";
                vPsElem.style.visibility = "hidden";
                document.getElementById(vMcNom+"bt"+i).className="mcBoto";
        }
  }
  return false; //evitamos que se refresce la página
}

addLoadEvent(MetaCaixaInit);

//</pre>