recorrer un boton

elburdel · #1 (**permalink**) 06/07/2011, 03:56

Que tal? Les cuento mi problema me estoy volviendo loco.

Tengo el siguiente array

Código PHP:

  var productos = [] ; 
productos[0] = ['Frutilla',1] ; 
productos[1] = ['Kiwi',3]; 
productos[2] = ['Melon',2]; 
productos[3] = ['Banana',4]; 
productos[4] = ['Manzana',5]; 
productos[5] = ['Sandia',6]; 
productos[6] = ['Tomate',7]; 
productos[7] = ['Mandarina',8]; 
productos[8] = ['Zanahoria',9]; 
productos[9] = ['Papa',10];

Lo que quiero hacer es ir imprimiendo los arrays, con los nombres de los productos, hasta ahi todo barbaro, un simple for.

Pero lo q quiero hacer es esto;

Cuando muestro Frutilla quiero que abajo me cree un boton que diga agregar y rrecien ahí, cree el siguiente elemento del array, y así hasta terminar, no entiendo como hacerlo.

Para recorrer el array hago esto

Código PHP:

          for (var i = 0; i<productos.length; i++){ 
    document.write(productos[i][0]); 
    }

Y para crear los botones

Código PHP:

          var agregar = document.getElementById('consultar') 
var nuevoDiv = document.createElement("div"); 
var nuevoFileInput = document.createElement("input"); 
    nuevoFileInput.type = "button"; 
        nuevoFileInput.value = "+ Info"; 
 
var uploads = document.getElementById("todo"); 
    uploads.appendChild(nuevoDiv); 
    nuevoDiv.appendChild(nuevoFileInput); 
}

Y el HTML es el siguiente:

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title>Carrito de compras</title> 
<script type="text/javascript" src="carrito.js"></script> 
</head> 
<body> 
<div id="todo"> 
<div id="mostrar"> 
</div> 
 
<input type="button" value="Consultar" id = "consultar"> 
<input type="button" value="Agregar al carrito" id = "agregar"/> 
<br /> 
<input type="button" value="Finalizar compra" id="agregartotal" disabled="disabled"/> 
</div> 
</body> 
</html>

Eaoero que me puedan ayudar.
Un saludo.

ceSharp · #2 (**permalink**) 06/07/2011, 05:12

hola burdel,
a lo mejor te valdría nada más que con esto:
--------------------
function mostrarProductos()
{
var productos = [] ;
productos[0] = ['Frutilla',1] ;
productos[1] = ['Kiwi',3];
productos[2] = ['Melon',2];
productos[3] = ['Banana',4];
productos[4] = ['Manzana',5];
productos[5] = ['Sandia',6];
productos[6] = ['Tomate',7];
productos[7] = ['Mandarina',8];
productos[8] = ['Zanahoria',9];
productos[9] = ['Papa',10];
for (var i = 0; i<productos.length; i++)
{
document.write(productos[i][0]);
document.write("<br/>");
document.write("<input type='button' value='+ Info' />");
document.write("<br/><br/>");

}
}
----------------------

si no, nos cuentas...

saludos.

elburdel · #3 (**permalink**) 06/07/2011, 11:21

Genial, no pense que la solución sería tan fácil.
Saludos!

elburdel · #4 (**permalink**) 07/07/2011, 00:08

Esta manera no me sirvió, porque despues de haber creado los botones, necesitaría acceder al id de los botones, para que al hacer click, me genera una funcion q muestra la info en un Div.

ceSharp · #5 (**permalink**) 07/07/2011, 00:20

hola de nuevo,
a mí me extrañaba que sol quisieras botones, sin id, ni nada sustancial, jejejeje.
si quieres añadir un ID lo puedes hacer de la siguiente manera:

document.write("<input type='button' id ='boton_" + i + "' value='+ Info' />");

aprovechando la var i del bucle, vamos creando dinámicamente un id para cada botón que se genera.

saludos