Aumentando el número de Sub Secciones

Ahora imaginemos que quieres colocar 2 subsecciones a la sección 5. Sería suficiente con insertar estas otras tres líneas:

if (TransMenu.isSupported())
{
var ms=new TransMenuSet
  (TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);
var desplegable1 = ms.addMenu
  (document.getElementById('desplegable1'));
 desplegable1.addItem('Seccion 1','ruta');
 desplegable1.addItem('Seccion 2','ruta');
 var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
 	 desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
	 desplegable1_0.addItem('Sub-Seccion 2.2','ruta');
	 desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
 desplegable1.addItem('Seccion 3','ruta');
 desplegable1.addItem('Seccion 4','ruta');
 desplegable1.addItem('Seccion 5','ruta');
 var desplegable1_0 = desplegable1.addMenu(desplegable1.items[4]);
 	 desplegable1_0.addItem('Sub-Seccion 5.1','ruta');
	 desplegable1_0.addItem('Sub-Seccion 5.2','ruta');
TransMenu.renderAll();
}

Ves que sencillo? Basta con añadir la linea esa que empieza por var y luego tantas líneas como subsecciones queramos. Luego acuérdate de ponerle el texto que quieras y la ruta correspondiente a la página que deseas abrir con cada nueva subsección.

Una cosa importante que aún no te he dicho. Ves ese número marcado en oscuro? Ese cuatro encerrado entre corchetes [4]? Te explico para que sirve. Presta atención que quizás sea un poco complicado.

El número que has de colocar entre esos corchetes ha de ser el número de la sección a la que pertenece pero restándole uno. Es decir, como estas últimas subsecciones pertenecen a la sección 5, le restas uno y colocas allí un 4.

Ves como en la lína correspondiente a la sección 2 hemos puesto antes un 1 entre los corchetes? Es por eso, porque corresponde a la sección 2 y por tanto, 2 - 1 = 1, ponemos un 1. Bueno, no es tan complicado al fin y al cabo, verdad?

Para eliminar secciones y subsecciones se hace del mismo modo, eliminas las líneas que no quieres y listo, solucionado.

Me ha costado mucho encontrar este menú por internet, de modo que espero que lo aproveches bien! je je je. Ah, esos códigos de script no los he hecho yo (no soy tan listo! je je je) sino un tal Aaron Boodman. Ese tio fue quién lo invento y sus créditos aparecen escritos dentro del archivo llamado no-tocar.txt además de otros códigos imprescindibles para que el menú funcione. Todos podeis usar ese script que él nos cede a cambio de respetar el contenido del archivo no-tocar.txt, oki? Mis más sinceros agradecimientos a Aaron desde acá.

Por si solo has leido pero no has puesto en práctica estas lecciones, te dejo cómo queda la plantilla tras estos retoques. En la página siguiente te enseño como hacer lo mismo con el resto de secciones de la barra de navegación.

Nota: Si al hacer vista previa usas Internet Explorer verás como el menú aparece entrecortado. No te preocupes, lo arreglamos en la última de estas lecciones, pero ya llegaremos. En el resto de navegadores no ocurre, pero en cualquier caso, uses el que uses, tendrás que repararlo, oki?

	Web ComoCrearTuWeb