hover con setAttribute

AnisDelMono · #1 (**permalink**) 20/08/2009, 03:53

Hola. Me estreno en este subforo

Pues es para saber la sintaxis correcta del siguiente codigo. He estado buscando, pero no encuentro nada y no se lo que hago mal:

Código PHP:

  var objPrevLink = document.createElement("a"); 
objPrevLink.setAttribute('id','prevLink'); 
objPrevLink.setAttribute('href','#'); 
objHoverNav.appendChild(objPrevLink); 
// hasta aqui todo bien 
 
//es aqui donde me falla el invento.  
objPrevLink.setAttribute('a:hover','background: url(../../../../images/lightbox2/2/prevlabel.gif) left 95% no-repeat;)');

Es en el famoso efecto lightbox. Si algun guru de este foro, (y a los que el altisimo les continue recompensando con su mayor sabiduria) le pudiera dar un vistazo y decirme que estoy haciendo mal, se lo agradeceria.

Saludos

caricatos · #2 (**permalink**) 20/08/2009, 04:22

Hola:

Supongo que debe ser más sencillo crear una clase y simplemente asignarla...

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
	http://www.caricatos.net/probador
</title>
<style>
.hola:hover {color: red},
</style>
<script>
window.onload = function() {
 a = document.createElement("a");
 a.href = "javascript: alert('hola')";
 a.className = "hola";
 a.appendChild(document.createTextNode("hola"));
 document.body.appendChild(a);

}
</script>
</head>
<body>

</body>
</html>

Saludos

AnisDelMono · #3 (**permalink**) 20/08/2009, 09:59

Gracias Caricatos!

Tu solucion es valida, pero desgraciadamente no me funciona. Sospecho que algo relacionado con el elemento "objPrevLink" hace que no interprete bien el estilo y ya lo he probado todo. Mi intencion era la de variar el css para que la aplicacion tuviera distintos idiomas. Queria buscar una solucion mas elegante, pero al final no he tenido mas remedio que ir a lo facil: duplicar el archivo css y variar la ruta la mediante una variable php.

Aun asi muchas gracias!