focus y tab

[jedo]

Hola a todos, tengo un menu en un div formado por elementos de una lista ul que usan hipervinculos... de esta forma
<div id=""menu">
<ul>
<li><a href="noticias.htm">Noticias</a></li>
<li><a href="contacto.htm">Contacto</a></li>
</ul>
</div>

Lo que quiero hacer, es que al cargar la pagina, el 1º elemento del menu (noticias) aparesca seleccionado como si tuviera el mouse sobre el... (con los otros colores seteados en a:hover). Lo mismo con cualquier elemento que se vaya seleccionando via tecla tab.... la idea es lograr el ejecto del mouse sin ocuparlo....

Antes, no tenia el menu en una lista, sino solo los elementos "a" dentro del div y quice sleccionar el 1er hipervinculo asi:

window.onload = function() {
var menu = document.getElementById("menu");
var enlaces = menu.getElementByTagName("a");
enlaces[0].focus();
}

pero por algun motivo cualquier linea bajo la 1era de la funcion (var menu = .... ) no se ejecuta, como si estuviera mal escrita o tuviera algun error. Tambien he probado colocando un id al primer enlace y usar solo la primera y tercera linea pero no me funciona... :(
Por favor, como lo podria hacer?

jedo

[JavierB]

Hola jedo

Que yo sepa, focus sólo funciona en elementos de formulario.

Puedes poner así el código Css:

Código css:

a:hover, .foco {color:green}
 

y el menú:

Código html:

<li><a class="foco" href="noticias.htm">Noticias</a></li>
 

Saludos,

[Truky]

Buenas,

Al crear la función tienes dos problemas:

- La función es getElementsByTagName("a");
- var enlaces = menu.getElementsByTagName("a"); No funciona utliza mejor directamente var enlaces = document.getElementsByTagName("a");

A mi me ha fucionado con:

window.onload = function() {

var enlaces = document.getElementsByTagName("a");
enlaces[0].focus();


}

Saludos

[jedo]

Muchas gracias por las respuestas. Gracias Truky, quedo seleccionado como queria ;)
Ahora, solo me queda cambiar los atributos de color solo cuando el elemento este seleccionado... Javier, aplicando la clase .foco que queda siempre el color cambiado, como se hace para cambiarlo solo cuando tenga foco??
gracias

jedo

[buzu]

Muy buen ojo truky.

Jedo, te recomiendo que uses algún debugger. Para mi la consola de firefox me es suficiente, aun que tambien tengo instalado el firebig. La consola de firefox te habría tirado el problema desde un principio.

[JavierB]

Iniciado por JavierB

Que yo sepa, focus sólo funciona en elementos de formulario.

Rectifico: sí funciona con enlaces

Saludos,