Solo funciona con this...

trabajarjuntos · #1 (**permalink**) 16/09/2009, 17:54

Hola, en el siguiente código style.background solo me funciona con this.
Cómo hago para que funcione con una variable? variable.style.background
Gracias.

<style type="text/css">

</style><script language="JavaScript" type="text/javascript">
var color_bg_over='#cc0';
var color_bg_pre_over='#000';
var x1="texto1";

function onover(este){
color_bg_pre_over=este.style.background;
este.style.background=color_bg_over;
}
function onout(este){
este.style.background=color_bg_pre_over;
}
</script>
</head>

<body class="bdy">

<span id="texto1" onmouseover="onover(this)" onmouseout="onout(this)">


klklklkl
</span>

</body>
</html>

zerokilled · #2 (**permalink**) 16/09/2009, 18:15

si quieres usar una variable en lugar de this entonces la variable tiene que contener una referencia del elemento que quieres.

trabajarjuntos · #3 (**permalink**) 17/09/2009, 21:29

Gracias!!! Me funcionó así.

<style type="text/css">

</style></head>

<body class="bdy">
<script language="JavaScript" type="text/javascript">
var color_bg_over='#ccc';
var color_bg_pre_over='#aaa';
var x1="texto1";
var x2="texto2";
var x3="texto3";

function onover(este1,este2,este3){
color_bg_pre_over=este1.style.background;
este1.style.background=color_bg_over;
color_bg_pre_over=este2.style.background;
este2.style.background=color_bg_over;
color_bg_pre_over=este3.style.background;
este3.style.background=color_bg_over;
}
function onout(este1,este2,este3){
este1.style.background=color_bg_pre_over;
este2.style.background=color_bg_pre_over;
este3.style.background=color_bg_pre_over;
}
</script>
<span id="texto1"
onmouseover="onover(document.getElementById('texto 1'),document.getElementById(x2),document.getElemen tById(x3))"
onmouseout="onout(document.getElementById('texto1' ),document.getElementById(x2),document.getElementB yId(x3))">
-AAA1- <br> -AAA1- <br></span>
<span id="texto2">
-AAA2- <br> -AAA2- <br></span>
<span id="texto3">
-AAA3- <br> -AAA3- <br></span>

</body>
</html>