Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso.
Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios. Puede cambiar la configuración u obtener más información aquí

Aceptar

Generador de Menús en Arbol (estilo Windows)

Google

Generador

Generador de Menús en Arbol (estilo Windows)

Rellenando campos de un formulario la aplicación genera el código fuente para un menú en arbol del estilo del explorador de Windows con varios sub-niveles.

  • La primera opción no usa sub-niveles, pues en principio apunta a la home
  • Permite distintos targets para cada link.
  • Al cargar una sección el menú se muestra yá abierto y con esa sección señalada

En la parte de arriba del generador encontrarás un acceso tal que así Ayuda info info que te abrirá una ventana con las explicaciones pertinentes.

Generador de menús en arbol

Puedes leer los comentarios del generador en el tema creado en el foro de javascript de foros del web

Puedes dejar un comentario sobre el generador aquí mismo, pero para consultas que requieran respuesta usa el foro de este sitio.

Instrucciones de instalación una vez se tiene el código obtenido con el generador:

Copia el código javascript y el código css que está en el código fuente y pegalo en tu página web.

Debes crear un div o una celda o algún contenedor en donde quieras insertar el menú y darle por id tunMe

<td id="tunMe">

Cambia el aspecto (colores, textos) normalmente desde la hoja de estilos.

Si quieres que al cargar una sección cargue el menú abierto y con esa sección seleccionada debes de añadirle a esa sección (página) una variable que lleve por valor el identificador asignado por el generador para esa opción.

Verás que el generador ha creado unas líneas parecidas a estas:

var Op_0 = new tunMen("home",null,null,0)

var Op_1 = new tunMen("seccion 1",null,null,2)
var Op_1_0 =new tunMen('seccion 1 A','pagina1a.htm',null,0)
var Op_1_1 =new tunMen('seccion 1 B','pagina1b.htm',null,0)

var Op_2 = new tunMen("seccion 2",'página 2',null,0)

Lo que está en negritas es el identificador de cada sección creada en el menú.

Al pinchar (clickar) por ejemplo en la sección 1 A se cargará la página asociada a esa opción (en este caso pagina1a.htm). Si quieres que al cargar esa página el menú cargue directamente con le menú abierto mostrando esa opción y señalada en un color distinto deberás agregar a esa página (pagina1a.htm) la variable seccion dándole por valor el identificar que tiene en el menú, en este caso Op_1_0

<script type="text/javascript">
seccion = 'Op_1_0'
</script>

ver ejemplo


Buscador de animales en adopción
Creative Commons License
Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. Política de cookies subir