[SOLUCIONADO] Array + For in

[berkeleyPunk]

Hola!

Tengo un array con 3 índices. Cada uno es igual al valor de una variable diferente.

array[0] = input0.value;
array[1] = input1.value;
array[2] = input2.value;

También tengo 3 variables que hacen referencia al atributo src de etiquetas <img>. Los índices del array se corresponden con estas variables, es decir, el índice 0 se relaciona con var0, etc:

var0 = img0.src;
var1 = img1.src;
var2 = img2.src;

La idea es esta: Si el valor de los índices del array es igual a una cadena vacía, entonces quiero que el valor de la variable asociada sea la ruta de la imagen llamada vacia.png.

Código Javascript:

array[0] = input0.value;
array[1] = input1.value;
array[2] = input2.value;
 
 
var indice = "";
 
for (indice in array)
{
    if ( array[indice] == "" )
    {
        var[indice] = "../vacia.png";  //  Comentario
    }
}
 

Sé que la línea que tiene un comentario está mal, así no se hace, pero es una idea gráfica de lo que quisiera obtener.

Saludos!

[Alexis88]

¿Pretendes asignar ../vacia.png a una posición del array o a las variables? Por favor, sé más explícito para poder ayudarte.

Saludos

[berkeleyPunk]

Iniciado por Alexis88

¿Pretendes asignar ../vacia.png a una posición del array o a las variables?...

A las variables . De tal modo que si el input0.value está vacío, entonces el atributo src al que hace referencia var0 sería igual a "../vacia.png".


O cualquier otra sugerencia, maestro, ya que lo que al final de cuentas busco, es que si el usuario no ha llenado un input, entonces se muestre al lado una banderita roja indicando que ha dejado vacío el input, o verde en caso contrario .


Saludos!

[bathorz]

A ver si puedes sacar la idea de aquí:

Código Javascript:

window.onload = function() {
    
        var test = document.getElementById("test");
        var boton = document.getElementById("boton");
        var input = document.getElementsByTagName("input");
        var array = new Array();
 
        boton.addEventListener('click', function(e) {
          e.preventDefault();
          array[0] = input[0].value;
          array[1] = input[1].value;
          array[2] = input[2].value;
          //var var0 = img0.src;
          //var var1 = img1.src;
          //var var2 = img2.src;
          var indice = "";
 
          for (var i = 0; i < array.length; i++) {
            if (array[i] === "") {
              indice += "Campo " + i + "= " + "../vacia.png" + "<br />";
            }
          }
          test.innerHTML = indice;
        });
 

Código HTML:

<input type="text" value="" />
    <input type="text" value="1" />
    <input type="text" value="" />
    <input type="button" id="boton" value="más" />
 

[Alexis88]

En lugar de usar un array para asignarle los valores de las cajas de texto, mejor itera sobre el conjunto de estos elementos y en cada iteración, analiza su contenido; si tiene, la bandera cambia de color a verde, caso contrario, a rojo.



Saludos

[berkeleyPunk]

Iniciado por bathorz

A ver si puedes sacar la idea de aquí...

Buena noche! Perdón por responder tan tarde..., pero el trabajo, ya saben.

bathorz, una vez que posteaste tu recomendación, la copié para estudiarla, y de ahí saqué la estructura, muy bien, funcionó a la perfección. El resultado está aquí.

Ahhh, y muy bien por ese otro código, alexis88. Por cierto, vaya que te merecías el grado de colaborador. No eres mezquino con tus conocimientos y siempre das soluciones puntuales. Sin duda que, y esto no es de a gratis, Foros del Web gana un buen elemento contigo aquí .


Saludos!