Generar contenido dinamico en un mismo HTML

[Joel_Rangel]

Hola, quizá la respuesta a mi pregunta ya se encuentre en el foro, pero no la he podido localizar durante toda la mañana.

Tengo un HTML que contiene 5 botones de productos, quiero que al dar clic a cada boton, se carge la imagen y la descripcion del producto en una tabla, sin necesidad de cambiar el HTML completo.

Es decir, lo único que va a cambiar es la descripcion del producto y siempre en la misma tabla.

Como lo hago ¡?

Gracias.

[tunait]

Buenas

Pues con javascript. Traslado tu pregunta a ese foro para que te orienten.

un saludo

[Joel_Rangel]

Nadie que me pueda ayudar?

[buzu]

Puedes usar ajax o generar el contenido al vuelo mediante DOM y Javascript.

[oswalgogra]

Wow! esta pregunta lleva buen tiempo sin que la respondan aquí mismo jeje.
Generar contenido dinámico es muy interesante y además evitas recargar la página.
Un ejemplo sencillo:
Se crea una caja de texto de tamaño 30 y con el valor "Mira lo que puedo hacer sin AJAX!".

function crearCaja()
{
var caja = document.createElement("input");
caja.setAttribute('value','Mira lo que puedo hacer sin AJAX!');
caja.setAttribute('size','30');
document.body.appendChild(caja);
}

Y listo, así se crea un elemento en la página de forma dinámica, sin refrescar la página. Se pueden crear nodos de texto, botones, capas, tablas, etc.

Espero te funcione.

Ciao

[marlonbtx]

Iniciado por oswalgogra

Wow! esta pregunta lleva buen tiempo sin que la respondan aquí mismo jeje.
Generar contenido dinámico es muy interesante y además evitas recargar la página.
Un ejemplo sencillo:
Se crea una caja de texto de tamaño 30 y con el valor "Mira lo que puedo hacer sin AJAX!".

function crearCaja()
{
var caja = document.createElement("input");
caja.setAttribute('value','Mira lo que puedo hacer sin AJAX!');
caja.setAttribute('size','30');
document.body.appendChild(caja);
}

Y listo, así se crea un elemento en la página de forma dinámica, sin refrescar la página. Se pueden crear nodos de texto, botones, capas, tablas, etc.

Espero te funcione.

Ciao

Si esta es una de las mejores formas de hacerlo, en vez de usar innerHTML