Html :: widget :: barra lateral HTML :: Widget :: Sidebar puede crear la barra lateral HTML para una página web.
Descargar ahora

Html :: widget :: barra lateral Clasificación y resumen

Html :: widget :: barra lateral Etiquetas

Módulo perl perla módulo widget html Barra lateral html

Html :: widget :: barra lateral Descripción

HTML :: WIDGET :: SideBar puede crear la barra lateral HTML para una página web. HTML :: Widget :: SideBar puede crear el HTML (y posiblemente un poco de JavaScript) para una barra lateral de navegación o de otra manera (jerárquica) para una página web. HTML :: Widget :: SideBar; usar CGI; # O algo así. # Vamos a crear una barra lateral en la que solo la sucursal activa (click) es visible. My $ TREA = HTML :: WIDGET :: Sidebar-> Nuevo; $ TREE-> SESTOGGLACIONCIÓN; foreach (1..3) {My $ LIST = $ TREA-> Anexar (valor => "list $ _"); $ LIST-> Anexar (valor => "AAA $ _", URL => "http: // localhost / $ _"); $ LIST-> Anexar (valor => "BBB $ _"); $ LISTO-> Anexar (valor => "CCC $ _"); } $ TREE-> GetSubtree (3) -> Setactive; encabezado de impresión, start_html (-style => $ árbol-> buildcss ($ árbol-> deepbluecsss), -script => $ árbol-> BEETJS); Imprimir Únase a "N", $ árbol-> gethtml (estilos => {bar => 'nav', nivel0 => 'navlink', Level0Over => 'NAVOVOVER'}, expanda => 1); Imprimir end_html; html :: widget :: lateral crea el HTML, y posiblemente algunos JavaScript y CSS para una barra de menú lateral hirárquica. Es muy flexible, y le permite crear ambos menús de navegación simples y barras laterales dinámicas complejas con acciones de JavaScript asociadas con los elementos en el menú. Este módulo comenzó como un hack en My Javascript :: Menú, lo que los hace muy similares, así que si usted Tengo uno de ellos, usará el otro sin sudor, creo. El módulo admite la noción de un 'elemento activo' (generalmente el elemento que denota la página que el usuario está viendo) y le da dicho artículo de tratamiento especial marcándolo Con una clase de CSS especial y lo hace visible inicialmente. También tiene un soporte especial para los menús de selección donde abrir una sucursal cierra todos los demás. ¿Qué debe esperar ver? Esto depende en gran medida de las definiciones de estilo y la asignación de acción (si usa esa función). Básicamente, tendrá una barra vertical (que ocupará tanto la pantalla como lo permitirá su CSS). Dentro de esa barra tendrá un árbol de listas anidadas, y puede definir el estilo para cada nivel. Cuando se hace clic en un artículo, se realiza su acción. Una acción predefinida especial le permite mostrar / ocultar listas de niños. Por defecto solo la sucursal activa (la sucursal que contiene el elemento activo) y la lista de niveles superiores será visible. Puede anular esto (ver gethtml). La barra lateral de Naming Rulesthe obtendrá un atributo ID HTML. El valor predeterminado es 'barra lateral', pero esto es cambiante a través de GetHTML, como otras reglas de nombres. Cada lista será de la lista de Clase ", a menos que se administre otra clase a través de Gethtml.El artículo en todas las listas será de la misma clase que todos los demás elementos. en el mismo nivel. El valor predeterminado es 'Artículo' para todos los elementos, pero puede establecer cada nivel por separado a través de GetHTML.El nombre de clase del elemento activo es el nombre de la clase de su nivel, adjuntos adjuntos con 'Active'.optionaly, también puede establecer un estilo de mouseOver. Para aquellos de ustedes que diseñan para Mozilla, realmente no lo necesitas, solo use la pseudo-clase CSS: Hover. Para otros, esto establecerá los atributos de OnMouse y OnmouseOUT de un elemento para cambiar hacia y desde esa clase. Ajustar el código de soporte. La barra lateral creada por este menú está formateando solo por CSS. Esto significa que tendrás que suministrarlo. Incluí un método de clase llamado BuildCSS que realiza un Data de datos (que se describe a continuación) y lo convierte en CSS, y un ejemplo de un diseño de la barra lateral en dicha protestructura (utilicé este diseño en la producción). También puede querer utilizar el soporte de altura ( Se describe a continuación), y en este caso necesitará un poco de javascript. Esto se da directamente a través de BEETJS. Puede usarlo derecho o volcarlo a un archivo y modificarlo para que sea mejor. Requisitos: · Perl

Html :: widget :: barra lateral Software relacionado