menú + marcar ubicación

asm_mripZ · #1 (**permalink**) 18/02/2005, 16:02

Saludos, bueno ya hemos visto en otros mensajes como hacer menus ya sea integrando css y javascript o utilizando solo javascript, mi pregunta es la siguiente tengo un menú vertical y deseo marcar donde estoy como podría hacer esto??.
ejemplo:

- Inicio
+ tutoriales
| + Desarrollo
| | - Scripts
| | - DB <------ estoy aqui como se marcaría en este caso

He buscado hasta el cansancio sin exito. Alguien me puede dar una guía o algún consejo sobre como hacer esto, se los agradeciería mucho. Sin más me despido.

JavierB · #2 (**permalink**) 19/02/2005, 13:51

Hola asm_mripZ

Ahí van algunas ideas:

Creas una nueva clase

<style>
.miclase{background:red;color:yellow}
</style>

A los elementos del menú (supongamos que son <div>) les añades la dirección de la página a la que corresponden:

<div dir="http://www.tudominio.com/pagina2.html">

Cuando carges la página (<body onload="...) ejecutas una función que recorra todos los elementos del menú para ver cual coincide con la página que estás viendo:

for(i=0;i<elementos.length;i++)
if (elementos[i].getAttribute('dir')==location.href)
elementos[i].className='miclase';

Bueno... son algunas ideas disperasas, pero espero que al menos te orienten.

Saludos,

Appletalk · #3 (**permalink**) 19/02/2005, 14:20

JavierB, veo en varios de tus posts un gran error en los bucles FOR, en terminos de performance.

Generalmente consultas a la variable length dentro de la iteracion, y esto no es lo ideal. Para algo esta la seccion de inicializacion.

Recordemos la estructura de un bucle FOR:

Código PHP:

  for ( inicializacion; comprobacion condicional; incremento ) { 
 
}

En lugar de hacer

for( i = 0; i < elementos.length; i++ )
Lo correcto es:

Código PHP:

  for( i = 0, a = elementos.length; i < a; i++ ) { 
 
}

Entonces no se consulta a esta propiedad del objeto cada vez que se accede a ella.
Igualmente en el caso que propones, lo mejor es:

Código PHP:

  for ( i = 0; ( el = elementos.item(i) ); i++ ) { 
  el.className = 'ble'; 
}

JavierB · #4 (**permalink**) 20/02/2005, 04:41

Hola Appletalk

Te agradezco el consejo y la explicación. No te aseguro que no vuelva a caer en lo mismo, porque lo tengo muy memorizado, pero intentaré tenerlo en cuenta:

http://www.forosdelweb.com/f13/agrandar-achicar-tamano-fuente-272374/

Saludos,