ayuda con eventos de JS

alejandrooo · #1 (**permalink**) 25/03/2008, 12:56

hola... no encontre ningun subforo de Java Scrip, haci que espero que no les moleste poner esto aqui.
bueno, aca mi duda:
no entiendo por que no funciona esto, el texto lalala esta cubierto por un cuadradito gris, y cuando se le pasa el cursor por encima deberia ponerse negro y gris al volver a salir, pero no sucede.
que esta mal?
gracias por sus ayudas.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/
xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>practicando eventos</title>

<script type="text/javascript">
//la mansa funcion
function resalta(elEvento){
var evento =elEvento || window.event;  //para el morzilla firefox y el IE

//pinta el borde negro
switch (evento.type){
case 'mouseover':
this.style.borderColor='black';
break;
//pinta el borde plateado
case 'mouseout':
this.style.borderColor='silver';
break;
}
}

window.onload=function(){
document.getElementByld("seccion").onmouseover= resalta;
document.getElementByld("seccion").onmouseout= resalta;
}
</script>
</head>
<body>
<p>
<div id="seccion" style="width:80px; height:30px; border:thin solid silver"> lalala </div>
</p>
</body>
</html>

Apolo · #2 (**permalink**) 25/03/2008, 20:59

Tema movido desde Web general hacia Javascript.

Saludos,

tuadmin · #3 (**permalink**) 25/03/2008, 21:59

no entiendo muchod e javascript pero veo que aqui llamas una variable

document.getElementByld("seccion").onmouseover= resalta; y yo creo que deberias llamar a tu funcion

document.getElementByld("seccion").onmouseover= resalta();

pero aunque tambien lo que ahces aca es escribir en el atributo onmouseover asi que deberia quedar asi

document.getElementByld("seccion").onmouseover= 'resalta();';

haber prueba con uno de esos 2

jeje aunque yo te recomendaria que uses mootools una libreria javascript que simplifica mucho el codigo y maneja bien los eventos click hover y otros y es asta adaptador para que funcione con muchos navegadores webs bueno bye espero te haya servido

editado

edito creo que lo mejro es que sues css

con el pseudo selector :hover

quedaria asi

<style type="text/css">

</style>

asi que da mucho mejro y peudes ahcer mas cosas aun bye is queires saber mas busca en el foro de css se habal de mcuhas otras cosas interesantes tambien byeeeeee