logoExtra: script.pestañas

Descripción: Código genérico para las pestañas.


A continuación mostramos los apuntes asociados a este extra:

Mapa de España SVG II: Herramientas
Hemos retocado nuestra herramienta para nuestras nuevas pretenciones.
/* Descripción para sindicación:

    [rss]Código genérico para las pestañas.[/rss]
*/
/************************************************************************
*        Selección de pestañas declaradas inline            *
************************************************************************/

window["mostrarPestaña"] = function(sistema, cual)    {
    soy = cual.id;
    contenido = soy.substr(1);
    for (var i = 0, total = sistema.items.length; i < total; i ++)
        tag(sistema.items[i]).style.display = (sistema.items[i] == contenido) ? "block" : "none";
    for (i = 0, todos = sistema.items, total = todos.length; i < total; i ++)
        tag("P" + todos[i]).className = "pestaña " +  sistema.off;
    tag("P" + contenido).className = "pestaña " + sistema.on;
}


/************************************************************************
*        Selección de pestañas: asignación onload        *
************************************************************************/

window["mostrar_Pestaña"] = function(e)    {
    yo = (e) ? e.target : event.srcElement;
    soy = yo.id;
//alert(soy);

    sistema = window[yo.parentNode.parentNode.id];
    contenido = soy.substr(1);
    for (var i = 0, total = sistema.items.length; i < total; i ++)
        tag(sistema.items[i]).style.display = (sistema.items[i] == contenido) ? "block" : "none";
    for (i = 0, todos = sistema.items, total = todos.length; i < total; i ++)
        tag("P" + todos[i]).className = "pestaña " +  sistema.off;
    tag("P" + contenido).className = "pestaña " + sistema.on;
}


/************************************************************************
*        Inicialización "onload" del sistema de pestañas        *
************************************************************************/

window["inicializaPestañas"] = function (sistema, inicial)    {
    for (i = 0, datos = sistema.items, total = datos.length; i < total; i ++)    {
        with    (tag("P" + datos[i]))    {
            className = "pestaña " + ((datos[i] == inicial) ? sistema.on : sistema.off);
            onclick = mostrar_Pestaña;
        }
        tag(datos[i]).style.display = (datos[i] == inicial) ? "block" : "none";
        tag("_" + datos[i]).onclick = cancelar;
    }
}

/*        Alias para la instrucción de cancelación: return false;        */
function cancelar()    {return false;}

Este código ha sido leído en 55 ocasiones.

Zona de comentarios

Esta extra aún no tiene comentarios.

Evaluación

Valoración de esta página: (extra.script.pestañas) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Listados: imágenes, categorías, etiquetas, extras | Anuarios: 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024 | Otros enlaces: buscador