Foro:Expansible y desplegable

Mvp14 (Este texto está oculto)

Mvp14

Texto dentro de la plantilla desplegable
Se pueden poner cuantas líneas se quiera

Parece que hay algunos fallos con la plantilla desplegable que espero arreglar en breve. Les comento sobre las 2 nuevas plantillas.

Expansible

Plantilla:Expansible aquí viene explicado como utilizarla. Hay un texto oculto que únicamente aparece cuando pasamos el ratón por encima del texto visible. Útil sobre todo para firmas, datos de un usuario, etc.

Desplegable

Aunque no me ha funcionado (seguiré probando), la idea es que sólo salga el título y un botón a la derecha del mismo que ponga "mostrar". Una vez le demos al botón se mostrará la tabla entera. Espero arreglarlo ya que puede ser útil para mostrar menús de términos relacionados (los renfe serie, etc...).

Saludos a todos y espero que les resulten útiles estan plantillas, cuando estén al 100%. --Mvp14 <--- 12:24 4 jun 2007 (UTC)

Si me permiten, les puedo dar una configuración para que la plantilla desplegable funcione correctamente. El siguiente código deben introducirlo en MediaWiki:Common.js

/*

CÓDIGO PARA PLEGADO/DESPLEGADO DE BLOQUES

Traido de [[wikipedia:es:mediwiki:common.js]].

Modificado por VegaDark para su correcto funcionamiento en Wikia.

Plantillas que hacen uso de este código: [[plantilla:Desplegable]]

Prerequisitos:

NavigationBarShowDefault : Si hay más de este número de desplegables
  ocultar todas automáticamente.
<pre><nowiki>*/

var NavigationBarHide = '[Ocultar]';
var NavigationBarShow = '[Mostrar]';

function toggleNavigationBar(indexNavigationBar)
{
    var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
    var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);

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

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

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

 // adds show/hide-button to navigation bars
 function createNavigationBarToggleButton()
 {
    var indexNavigationBar = 0;
    // iterate over all <div>-elements
    for(
            var i=0; 
            NavFrame = document.getElementsByTagName("div")[i]; 
            i++
        ) {
        // if found a navigation bar
        if (NavFrame.className == "NavFrame") {

            indexNavigationBar++;
            var NavToggle = document.createElement("a");
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
            NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');

            var NavToggleText = document.createTextNode( NavigationBarShow );
            NavToggle.appendChild(NavToggleText);

            // add NavToggle-Button as first div-element 
            // in <div class="NavFrame">
            NavFrame.insertBefore(
                NavToggle,
                NavFrame.firstChild
            );
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
        }
    }

    //Plegamos todas....
        for(
                var i=1; 
                i<=indexNavigationBar; 
                i++
        ) {
            toggleNavigationBar(i);
            toggleNavigationBar(i);
        }   
 }

addLoadEvent(createNavigationBarToggleButton);

Copiar todo exactamente en MediaWiki:Common.js y luego refrescar la caché del sistema para probar el funcionamiento. -- Vĕģą-Ďāґķ | (chat) 17:02 24 sep 2009 (UTC)