Problema validador

[Vane_]

Hola a todos,

Tengo esto:

Código:

<div id="menu1" class="menulateral"><a href="prueba.html" onmouseover="set_img_on('b1','b');msg_on(1);return true;" onMouseOut="set_img_off('b1','b');msg_off()">La Prueba</a></div>

Lo que hace, es un enlace de hipertexto, cuando se pasa sobre él, hay una imagen que cambia.

Al pasar el validador de accesibilidad: http://webxact3.watchfire.com me dice esto:

Make sure event handlers do not require use of a mouse.

For event handlers that do more than just change the presentation of an element, such as change color when the mouse moves over an item, consider the following:

* Use application-level event triggers rather than user interaction-level triggers. In HTML 4.0, application-level event attributes are "onfocus", "onblur" (the opposite of "onfocus"), and "onselect". These events are triggered when something happens on the page regardless of how the user causes it to happen. For example, an "onfocus" event occurs when a control receives the focus, whether that is done by clicking the mouse or by using the keyboard. By contrast, device-dependent events only occur when a particular device is in use. A "onmousedown" event, which also can give a control the focus, is only triggered by a mouse action, and other means of giving focus to the control will not be responded to
* If you must use device-dependent attributes, provide redundant input mechanisms; for example, specify two handlers for the same element, both of which have the same code associated with them:

Entonces, cambio mi código por lo siguiente:

Código:

<div id="menu1" class="menulateral"><a href="prueba.html" onfocus="set_img_on('b1','b');msg_on(1);return true;" onblur="set_img_off('b1','b');msg_off()">La Prueba</a></div>

Y ahora me pasa el validador, pero no me funciona bien, no me cambia la imagen cuando paso sobre el enlace.

Espero que alguien me pueda ayudar.

Gracias.

[asinox]

si, entiendo eso, el caso es que "puedes manejar eso con CSS y no con javascript, me explico

si tienes la clase menulateral y dentro de ella tienes un enlace (a), por que no tratas los siguiente:

Código PHP:

  <style type="text/css"> 
.menulateral a{ 
  width: 100&#37;; //le doy un ancho al link 
  height:10px; //le doy un alto al link 
  color:#FF00FF; //el color que mas te guste 
  background-image:url(imagen.jpg); 
} 
 
.menulateral a:hover { //aqui manejas el cambio de imagen de background para los links 
  background-image:url(otra_imagen.jpg); 
} 
</style>  
   

yo diria que a eso se refiere, trata de hacerlo via CSS y no con JavaScript,

Saludos

[Vane_]

Hola asinox,

Llevas razón no había caído en esa opción, pero ahora mi problema es: no quiero cambiar el fondo al enlace, sino que quiero cambiar otra imagen que hay en otro sitio. Para eso tengo hecha una función javascript, pero en la hoja de estilo creo que no lo puedo poner ........