4ª Leccion, menu despegable

Hola

Me gustaria saber la ruta que hay que poner del menu desplegable y donde hay que ponerlos (index, plantilla,...)

Salu2 :D
mgsccc escribió:Hola

Me gustaria saber la ruta que hay que poner del menu desplegable y donde hay que ponerlos (index, plantilla,...)

Salu2 :D
Hola:
Cuando usted dice lo que hay que poner ¿se refiere a qué hay que poner en los desplegables? porque los desplegables están por decirlo así prefijados para que vayan a los enlaces que hay en la capa navegación, y para eso debe ir al archivo "definir menu" que está en su carpeta "web-ejemplo-cctw" del escritorio y donde dice, acá le dejo un ejemplo:
Imagínese que usted tiene una página que se llama por título canciones, pues en el archivo definir menu puede poner donde dice Subsección 2.1 la palabra canciones y donde dice ruta el nombre de la página. Automáticamente le aparecerá en el desplegable de su página, si usted tiene otra página que se llama "música" pues puede hacer lo mismo en la Subsección 2.2.
Lo que le pongo es un ejemplo

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_0.addItem('Sub-Seccion 1.4','ruta');
desplegable1_0.addItem('Sub-Seccion 1.5','ruta');
desplegable1.addItem('Seccion 2','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('canciones','canciones.html');
desplegable1_0.addItem('musica','musica.html');
desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
desplegable1_0.addItem('Sub-Seccion 2.4','ruta');
desplegable1_0.addItem('Sub-Seccion 2.5','ruta');
desplegable1.addItem('Seccion 3','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[2]);
desplegable1_0.addItem('Sub-Seccion 3.1','ruta');
desplegable1_0.addItem('Sub-Seccion 3.2','ruta');
desplegable1.addItem('Seccion 4','ruta');
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.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');
Saludos
Agradecido de los que aprenden enseñando
Lo que yo quiero es saber es la ruta (palabra) de por ejemplo la ruta que hay que poner para lo que esta en negrita y donde hay que poner ese enlace.

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');

Salu2 :D
mgsccc escribió:Lo que yo quiero es saber es la ruta (palabra) de por ejemplo la ruta que hay que poner para lo que esta en negrita y donde hay que poner ese enlace.

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');

Salu2 :D
Hola:
Ese que está en negrita es el nombre de la casilla que tiene 3 Subsecciones, las rutas debe ponerlas en las Subsecciones, por ejemplo si usted tiene tres paginas que se llaman "musica" "canciones" "piano" y quiere que desde ese desplegable le lleve a esas páginas debe ponerlo así:

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Seccion 1','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[0]);
desplegable1_0.addItem('la musica','musica.html');
desplegable1_0.addItem('Mis canciones','canciones.html');
desplegable1_0.addItem('Sub-Seccion 1.3','ruta');
Y en la Subseccion 1.3 pone lo del piano
Si quiere en lo que está en negrita donde dice Seccion 1, ponga Musica del mundo, para que cuando ponga el cursor en esa casilla del desplegable en su página le diga Musica del mundo y se le abran las tres subsecciones de musica canciones y piano.
Saludos
Agradecido de los que aprenden enseñando
Lo que yo quiero es saber es la ruta o enlace de est manera : palabra de por ejemplo la ruta que hay que poner para lo que esta en negrita (no voy crear subsecciones) y donde hay que poner ese enlace.

desplegable1.addItem('Pagina 02','ruta');

Salu2 :D
mgsccc escribió:Lo que yo quiero es saber es la ruta o enlace de est manera : palabra de por ejemplo la ruta que hay que poner para lo que esta en negrita (no voy crear subsecciones) y donde hay que poner ese enlace.

desplegable1.addItem('Pagina 02','ruta');

Salu2 :D


Hola
Creo que le entiendo lo que quiere decir, pero si usted quiere poner una ruta, precisamente allí, que es una casilla que tiene tres subsecciones no le conviene hacerlo, debe hacerlo en una casilla que no tenga Subsecciones, y la que usted me está enseñando es una sección a la que le corresponden tres Subsecciones, si quiere hacerlo en esa misma lo que puede hacer es eliminar primero esas tres Subsecciones en el archivo "definir menus", por ejemplo: así es basicamente el primer desplegable

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();
}
Si se fija, donde dice: desplegable1.addItem('Seccion 1','ruta');
Esa es una sección que no tiene desplegable, y allí puede poner :
desplegable1.addItem('Pagina 2','pagina2.html');
y lo llevará a una página que usted haya creado en su web en que también estén los desplegables.

Pero si usted como dice en su ejemplo en que me está mostrando una Seccion que tiene Subsecciones, como ésta:
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');
Esta es una Sección que tiene tres Subsecciones, y donde debiera de poner las rutas es en las Subsecciones, no en la que dice Seccion 2.
Si usted le quiere quitar esas subsecciones a esa Seccion 2 lo que debe hacer es borrarlas y así puede poner la ruta en esa Seccion 2, que ya no tendrá subsecciones.
Los desplegables ya están prefijados para que si usted pone una ruta le lleven a determinada página, y en esa página en lo concerniente a los desplegables no tiene que hacer nada mas que en alguna parte hacer enlaces a otras páginas, como por ejemplo en un menu lateral, si usted crea una página mas en su web, desde los desplegables puede ir a esa página (Pag. 2) poniendo la ruta correspondiente como le indiqué antes, pero ir de esas páginas a otras ya debe usar enlaces desde la página a menos que usted vaya a crear muchas páginas y utilice solo los desplegables para ir a ellas, y en lo que me dice de las <a href, eso no se usa en los desplegables, por que ya están prefijados para ello.
Imaginese que no se quiera ninguna subseccion en algun desplegable, entonces lo dejaría así:

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');
desplegable1.addItem('Seccion 3','ruta');
desplegable1.addItem('Seccion 4','ruta');
desplegable1.addItem('Seccion 5','ruta');

TransMenu.renderAll();
}
Y ahora como ya tengo cinco páginas desde la principal entonces iría a ellas solo por medio de ese desplegable:


if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Pag.2','pagina2.html');
desplegable1.addItem('Pag.3','pagina3.html');
desplegable1.addItem('Pag.4','pagina4.html');
desplegable1.addItem('Pag.5','pagina6.html');
desplegable1.addItem('Pag.6','pagina7.html');

TransMenu.renderAll();
}
Y volvería a esas páginas por medio de l desplegable

Cada página la he llamado cuando las he creado, pagina2.html, pagina3.html, etc. etc. etc.
Y en las páginas en donde están ya prefijados los desplegables en la capa "navegación, como el del ejemplo es el desplegable 1
iría de esta manera
<div id ="navegacion">
<ul>
  • Páginas.
    Así es mas o menos como funcionan los desplegables.
    Saludos
  • Agradecido de los que aprenden enseñando
    Eso ya lo se. Lo quiero saber es el enlace que hay que poner para cuando hagas un click sobre el enlace Pagina02 vayas a la Pagina02..html y donde se pone ese enlace.

    salu2 :D
    mgsccc escribió:Eso ya lo se. Lo quiero saber es el enlace que hay que poner para cuando hagas un click sobre el enlace Pagina02 vayas a la Pagina02..html y donde se pone ese enlace.

    salu2 :D
    Hola:
    Trataré de explicarme mejor, primero hay que saber para que se usan los desplegables, pues estos se usan para ahorrar espacios en las páginas y no tener que estar ponientdo <a href etc.etc.etc.. Usted en su página en la capa navegacion tiene una lista que dice :
    Seccion 1
    Seccion 2
    Seccion 3 y creo que tambien Seccion 4
    Esa lista está basada en un sistema de desplegables que usted se descargó en su carpeta raiz que está escrito en lenguaje Script
    ahora en su capa navegacion le aparecen esas Secciones a modo de enlaces, ¿porqué? porque en la lista que usted tiene cuando puso los codigos ya dice:
    <ul>
  • Seccion 1 y los demás,
    esa (a) del (a id) ya le está diciendo que eso es una lista de enlaces y que está basada en un desplegable, que le llevará a la página que usted le diga sin necesidad de tener que poner nada mas en esa página, lo que si tiene que hacer es ir al archivo definir menu que está en su carpeta raíz, abrirlo y poner alli la ruta, pero allí no se pone el enlace como se suele poner cuando uno está en una página, ¿porqué? porque ya está puesto en la página cuando usted puso
  • Seccion 1 , por eso como esos enlaces están basados en un lenguaje de Script que está en varios archivos que están en su carpeta raíz "web-ejemplo-cctw" es por eso que ahora solo tendría que ir a esa carpeta raíz y en el archivo que se llama "definir menu" abrirlo y poner solo la ruta, y la ruta de su pagina que ha creado es la pagina dos y como esa págibna que ha creado está escrita en lenguaje html
    tendrá que poner el nombre que le puso a esa pagina mas la extensión html, tal como se lo puse en el spot anterior
    Si usted como dijo que no quería Subsecciones allí, por eso le di un ejemplo de hacerlo con Subsecciones y sin Subsecciones, y le reitero, usted ya puso cuando hizo la lista, el enlace <a href etc. etc., cuando puso
  • </p>
    Saludos
  • Agradecido de los que aprenden enseñando
    No me refiero a un parrafo sino aun desplegable

    desplegable1.addItem('Pagina 02','ruta');

    que hay que poner para cuando hagas un click sobre el desplegable Pagina02 vayas a la Pagina02..html y donde se pone ese enlace.

    Salu2 :D
    mgsccc escribió:No me refiero a un parrafo sino aun desplegable

    desplegable1.addItem('Pagina 02','ruta');

    que hay que poner para cuando hagas un click sobre el desplegable Pagina02 vayas a la Pagina02..html y donde se pone ese enlace.

    Salu2 :D
    Hola:
    Pues es muy sencillo, acá mismo donde dice:

    desplegable1.addItem('Pagina 02','ruta');

    donde usted a puesto Pagina 02 pone el nombre que usted quiera de como quiere que aparezca el nombre de su página en el enlace, como si quiere poner Pag 02, o si su página habla de gatos puede poner allí los gatos de mi casa, y donde dice ruta allí pone solo el nombre y la extensión de como cuando creó su página, si usted su pagina cuando la creó le puso por nombre paginados y la guardó con la extensión html
    entonces su página se llama paginados.html, y habla esa página de los gatos de su casa, por eso se lo dejé puesto en los anteriores spot, cuando le hablaba de los párrafos solo le estaba mostrándo la diferencia que hay entre usar enlaces desde un desplegable, a usar enlaces desde una página con párrafos.
    Saludos
    Agradecido de los que aprenden enseñando
    He cambiado desplegable1.addItem('Pagina 02','ruta'); por

    desplegable1.addItem('Pagina02.html','ruta'); , he hecho vista previa en plantilla, y he pulsado el enlace Pagina02.htmly me sale esto:

    Este programa no puede mostrar la página web

    Que pasa. Que no lo he hecho bien :?:

    Salu2. :D
    Es que es asi

    desplegable1.addItem('Pagina02','Pagina02.html');

    saludos
    Muchas gracias a los dos. Ahora ya funciona el despegable.

    Salu2. :D