Error con onclick(function())

[phyronx]

Buenas,

Tengo un bucle con el que creo varias columnas, cada una tiene un onclick que ejecuta una funcion, pero me devuelve la variable como undefined, codigo:

Código Javascript:

<script type="text/javascript">
 
var contar = 0;
 
for (var i = 0; i < arrays.length; i++) {
 
console.log(arrays[i]);
 
    document.write('<td id= "kk" width="10%"  align="center" bgcolor="green" style="color:white" onclick="sub(arrays[i])"><img width="100%" src="imatges/'+arrays[i]+'.jpg"></td>');
 
    document.write('<td width="10%" style="border: 0px;"></td>');   
 
}
 
    </script>
 

Y la funcion sub:

Código Javascript:

function sub(s){
 
console.log(s);
 
 
}
 

Como veis hay un console.log en el for, en el me devuelve en cada vuelta del for el nombre de la posicion del array correctamente,y las imagenes tienen el mismo nombre por lo que las cargo igual, y fuciona, pero en la funcion 'sub(arrays[i])' al clickear, me devuelve en la consola, 'undefined'.

Tambien prove de poner:

onclick="sub('+arrays[i]+')"
onclick="sub("arrays[i]")"

y todas las combinaciones posibles, pero me da error:

'unexpected } '

Haber si lo podeis encontrar que llebo mucho rato ya :(


P.D. Lo tenia echo igual pero sin bucle ni javascript en la tabla, la tenia solo en html, con el onclick a la funcion, y entonces funcionaba, fue al crear el bucle cuando me da error..

[bsanchez0323]

Hola lo que pasa esq estas tomando esta parte como una cadena

'<td id= "kk" width="10%" align="center" bgcolor="green" style="color:white" onclick="sub(arrays[i])"><img width="100%" src="imatges/'+arrays[i]+'.jpg"></td>'

Entonces nunca podrías encontrar en el bucle la posición 'i' onclick="sub(arrays[i])" deberia funcionarte de la siguiente forma onclick="sub(arrays['+i+'])" ya que así concatenas la posición i mas no la letra i, yo lo probé y me funcion bien en el console.log =) saludos.