Edición de «Foro:Expansible y desplegable»

{{expansible
| estilovisible= white-space:nowrap;
|1 = [[User:Mvp14|Mvp14]]
|2 = (Este texto está oculto)}}

{{Desplegable
|estilotitulo = background:lightgreen; text-align:center; align:center; color:black;
|título = '''[[User:Mvp14|Mvp14]]'''
|imagen = 
|estilo = text-align:center; align:center; background:darkgreen; color:white;
|contenido = 
Texto dentro de la plantilla desplegable<br/>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%. --[[Usuario:Mvp14|Mvp14]] [[Usuario Discusión:Mvp14|&lt;---]] 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]]


/*</nowiki></pre>

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. ~~~~

[[Categoría:Foro]]
@@ Línea 27: / Línea 27: @@
 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]]
- <nowiki>/*
+/*</nowiki></pre>
 CÓDIGO PARA PLEGADO/DESPLEGADO DE BLOQUES
@@ Línea 136: / Línea 137: @@
  }
-addLoadEvent(createNavigationBarToggleButton);</nowiki>
+addLoadEvent(createNavigationBarToggleButton);
-Copiar todo exactamente en [[MediaWiki:Common.js]] y luego refrescar la caché del sistema para probar el funcionamiento. -- {{User:VegaDark/Firma.js}} 17:02 24 sep 2009 (UTC)
+Copiar todo exactamente en [[MediaWiki:Common.js]] y luego refrescar la caché del sistema para probar el funcionamiento. [[Especial:Contribuciones/18.227.24.209|18.227.24.209]] 11:41 19 abr 2024 (UTC)
 [[Categoría:Foro]]