MIGUEL2 escribió:Raulyure escribió:...............Y en el que dice por ejemplo Seccion 2, al poner el cursor allí se despliegan unas Sub-Secciones
¿Esas Sub-secciones es las que quiere , o desea que de esas Subsecciones salgan otras?
Claro, depende de donde se quedó en el curso de los desplegables.
Se puede hacer las dos formas en los desplegables.
Denos algo de detalles de lo que tiene , y lo que desea.
Saludos
Es otra subsección detrás de esta subsección, de momento no la necesito en la web pero si sé que voy a necesitarla.
En cuanto al curso de los desplegables, pues lo que yo he hecho es el Curso completo paso a paso y tomar de la página cuatro lo que ahí venía. Claro, antes de que la modificaran recientemente. Es ese el curso de los desplegables que menciona o me he perdido algo?
Gracias por su atención.
Hola:
En teoría en la sección 4 del curso se enseña a poner los desplegables , por ejemplo las Secciones y dentro de las Secciones las Sub-Secciones, lo que usted desea (que como dice lo ocupará más adelante), lo de las Sub-Secciones de las Sub-Secciones, eso no sale en el curso porque ya es algo digamos que más adelantado,
Usted si lo desea, puede crear una carpeta en su escritorio que se llame por ejemplo "otra-web" , y copiar allí todo lo que tiene en su carpeta del escritorio donde tiene su web. como por ejemplo la carpeta objetos, los archivos del desplegable, su index su plantilla etc. o sea tal como lo tiene en su carpeta original
Luego en esa carpeta "otra-web", ir al archivo "definir menus", abrirlo, y copiar en el todos estos códigos que le dejo acá, primero borre claro está, todo lo que tiene en el "definir menus"
................................................................
Archivo definir-menus
.....................................
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');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[0]);
desplegable1_0.addItem('Sub-seccion 1.1','ruta');
desplegable1_0.addItem('Sub-seccion 1.2','ruta');
desplegable1_0.addItem('Sub-seccion 1.3','ruta');
desplegable1.addItem('Seccion 2','rutas');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
var desplegable1_0_0 = desplegable1_0.addMenu(desplegable1_0.items[0]);
desplegable1_0_0.addItem('Sub-Seccion 2.1.1','ruta');
desplegable1_0.addItem('sub-seccion 2.2','ruta');
desplegable1_0.addItem('Sub-seccion 2.3','ruta');
desplegable1.addItem('Seccion 3','rutas');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[2]);
desplegable1_0.addItem('Sub-Seccion 3.1','ruta');
var desplegable1_0_0 = desplegable1_0.addMenu(desplegable1_0.items[0]);
desplegable1_0_0.addItem('Sub-Seccion 3.1.1','ruta');
var desplegable1_0_0_0 = desplegable1_0_0.addMenu(desplegable1_0_0.items[0]);
desplegable1_0_0_0.addItem('Sub-Seccion 3.1.1.1','ruta');
desplegable1_0.addItem('Sub-Seccion 3.2','ruta');
desplegable1_0.addItem('Sub-Seccion 3.3','ruta');
desplegable1.addItem('Seccion 4','rutas');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[3]);
desplegable1_0.addItem('Sub-Seccion 4.1','ruta');
desplegable1_0.addItem('Sub-Seccion 4.2','ruta');
desplegable1_0.addItem('Sub-Seccion 4.3','ruta');
var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Seccion 1','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[0]);
desplegable2_0.addItem('Sub-Seccion 1.1','ruta');
desplegable2_0.addItem('Sub-Seccion 1.2','ruta');
desplegable2.addItem('Seccion 2','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[1]);
desplegable2_0.addItem('Sub-Seccion 2.1','ruta');
desplegable2_0.addItem('Sub-Seccion 2.2','ruta');
desplegable2.addItem('Seccion 3','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[2]);
desplegable2_0.addItem('Sub-Seccion 3.1','ruta');
desplegable2_0.addItem('Sub-Seccion 3.2','ruta');
desplegable2.addItem('Seccion 4','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[3]);
desplegable2_0.addItem('Sub-Seccion 4.1','ruta');
desplegable2_0.addItem('Sub-Seccion 4.2','ruta');
desplegable2.addItem('Seccion 5','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[4]);
desplegable2_0.addItem('Sub-Seccion 5.1','ruta');
desplegable2_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Seccion 1','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[0]);
desplegable3_0.addItem('Sub-Seccion 1.1','ruta');
desplegable3_0.addItem('Sub-Seccion 1.2','ruta');
desplegable3.addItem('Seccion 2','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('Sub-Seccion 2.1','ruta');
desplegable3_0.addItem('Sub-Seccion 2.2','ruta');
desplegable3.addItem('Seccion 3','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[2]);
desplegable3_0.addItem('Sub-Seccion 3.1','ruta');
desplegable3_0.addItem('Sub-Seccion 3.2','ruta');
desplegable3.addItem('Seccion 4','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[3]);
desplegable3_0.addItem('Sub-Seccion 4.1','ruta');
desplegable3_0.addItem('Sub-Seccion 4.2','ruta');
desplegable3.addItem('Seccion 5','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[4]);
desplegable3_0.addItem('Sub-Seccion 5.1','ruta');
desplegable3_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable4 = ms.addMenu(document.getElementById('desplegable4'));
desplegable4.addItem('Seccion 1','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[0]);
desplegable4_0.addItem('Sub-Seccion 4.1','ruta');
desplegable4_0.addItem('Sub-Seccion 4.2','ruta');
desplegable4.addItem('Seccion 2','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[1]);
desplegable4_0.addItem('Sub-Seccion 2.1','ruta');
desplegable4_0.addItem('Sub-Seccion 2.2','ruta');
desplegable4.addItem('Seccion 3','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[2]);
desplegable4_0.addItem('Sub-Seccion 3.1','ruta');
desplegable4_0.addItem('Sub-Seccion 3.2','ruta');
desplegable4.addItem('Seccion 4','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[3]);
desplegable4_0.addItem('Sub-Seccion 4.1','ruta');
desplegable4_0.addItem('Sub-Seccion 4.2','ruta');
desplegable4.addItem('Seccion 5','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[4]);
desplegable4_0.addItem('Sub-Seccion 5.1','ruta');
desplegable4_0.addItem('Sub-Seccion 5.2','ruta');
TransMenu.renderAll();
}
.................................................
Luego que haga eso, abra su archivo "numero-de-menus" y copie todo este código que le dejo acá
................................
numero-de-menus
........................................
function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();
desplegable1.onactivate = function() { document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate = function() { document.getElementById('desplegable1').className = ''; }
desplegable2.onactivate = function() { document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate = function() { document.getElementById('desplegable2').className = ''; }
desplegable3.onactivate = function() { document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate = function() { document.getElementById('desplegable3').className = ''; }
desplegable4.onactivate = function() { document.getElementById('desplegable4').className = 'hover'; };
desplegable4.ondeactivate = function() { document.getElementById('desplegable4').className = ''; }
}
}
.....................................................................
Luego vaya a su página, y en la capa navegación, donde tiene puesta la lista que tiene que ver con los desplegables y póngalo de esta manera
............................................
plantilla.html
..........................
<div id="navegacion">
<ul>
Seccion 1
Seccion 2
Seccion 3
Seccion 4
</div>
.......................................................................
Así en la capa navegación le aparecerán cuatro Secciones con sus desplegables, en algunas de ellas he puesto Sub-Secciones de Sub-Secciones, deles un repaso para que vaya entendiendo como se hacen esas Sub-Seccones de Sub-Secciones.
Creo que noi se me queda nada en el tintero, pero ya nos dirá usted
Saludos