como hago para asignarle una misma accion avarios botones con js ??

usuaria · #1 (**permalink**) 11/06/2008, 19:05

Tengo esto:

Código:

for(var i=0;i<3;i++){

var actual=document.getElementById(losBotones[i]);
dTexto.innerHTML+=losBotones[i];
	actual.onclick=function(){
		document.imgSrc.src = misImagenes[losBotones[i]];
		dTexto.innerHTML = texto[i];

	}

}

El problema es q atodos los botones les asgina el contenido de la ultima posicion, osea todos ya seana boton1, boton2 ..etc me muestran el texto[3]. Como hago para que cada uno me muestre el q le corresponde??
grx!!!

Panino5001 · #2 (**permalink**) 11/06/2008, 22:31

Fijate así:

Código PHP:

  <!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></title>

 
</head>

 
<body>

<div id="losBotones0" style=" width:100px; cursor:pointer">a</div>

<div id="losBotones1" style=" width:100px; cursor:pointer">b</div>

<div id="losBotones2" style=" width:100px; cursor:pointer">c</div>

<img name="imgSrc" src="1.jpg" width="50"  />

 
<div id="algo"></div>

 
<script>

var losBotones=['losBotones0','losBotones1','losBotones2'];

var misImagenes=['1.jpg','2.jpg','3.jpg'];

var texto=['uno','dos','tres'];

var dTexto=document.getElementById('algo');

for(var i=0;i<3;i++){

 
var actual=document.getElementById(losBotones[i]);

dTexto.innerHTML+=losBotones[i]+'<br />';

(function(){

    var ii=i;

    actual.onclick=function(){

        document.imgSrc.src = misImagenes[ii];

        dTexto.innerHTML = texto[ii];

 
    }

})();

}

</script>

</body>

</html>

O así:

Código PHP:

  <!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></title>

 
</head>

 
<body>

<div id="losBotones0" style=" width:100px; cursor:pointer">a</div>

<div id="losBotones1" style=" width:100px; cursor:pointer">b</div>

<div id="losBotones2" style=" width:100px; cursor:pointer">c</div>

<img name="imgSrc" src="1.jpg" width="50"  />

 
<div id="algo"></div>

 
<script>

var losBotones=['losBotones0','losBotones1','losBotones2'];

var misImagenes=['1.jpg','2.jpg','3.jpg'];

var texto=['uno','dos','tres'];

var dTexto=document.getElementById('algo');

for(var i=0;i<3;i++){

 
var actual=document.getElementById(losBotones[i]);

dTexto.innerHTML+=losBotones[i]+'<br />';

    actual.i=i

    actual.onclick=function(){

        document.imgSrc.src = misImagenes[this.i];

        dTexto.innerHTML = texto[this.i];

 
    }

}

</script>

</body>

</html>

Adicionalmente te recomiendo que leas esto:
http://blog.scriptia.net/articulos/2...esperados.html