Mostrar datos en un <div> específico.

[erikrocha]

Hol@ tod@s,

Hace poco que tomé a CI como mi FW para poder desarrollar aplicaciones
web y cómo todos en sus inicios he visto desde piedras a rokones en mi
camino pero muchos de ellos los superé sin problema, ahora tengo la
siguiente inquietud.

Tengo una vista: productos.php;
...
<div id="lista_productos">muestro listado productos ejm -> Laptops |
Camaras | Internet |</div>
...

Ahora quiero que cuando seleccione una de las categorias (la recogo de
mi base de datos tabla:categoria) la muestre en un div->productos al
puro estilo de ajax (que solo se modifique esa parte de la página).

...
<div id="productos">Mostrar aquí los productos.</div>
...

Sé que las vistas se cargan: $this->load->view('mi_vista',
$datos_si_quiero_enviarlos); pero cómo hago para poder mostrarlos a un
div específico?

Imagino que podría hacerlo con jQuery de hecho ya lo tengo listo en mi
proyecto sólo queda documentarme y dar rienda suelta a mi imaginación,
sin embargo el tiempo me gana y tengo unos cuantos días para terminar
este proyecto.

P.D imagino que es super sencillo :P ... hacerlo para alguien que ya
pasó por ello o que ya se comio buena información al respecto.

Gracias a tod@s.

[Nahuel Bulian]

Hola.
En mi caso estoy usando prototype, y con una función como esta obtenes el resultado que estas buscando:

onchange='new Ajax.Updater({success:"nombre_del_div",failure:"error"}, " http://tusitio/controlador/funcion/metodo/" + variable, {asynchronous:true, evalScripts:true}); return false;'>

Aquí encontraras ejemplos y explicaciones: http://www.prototypejs.org/api/ajax/updater

Espero te sea de ayuda.
NB

--
Saludos
NB.
MSN: NBu...@GMail.com
GTalk: NBu...@GMail.com

Antes de imprimir, pensá en el medio ambiente.
Before printing, think about the environment.
Avant d'imprimer, pensez à l'environnement.

[ZarDonkan]

Hola mira yo lo hago con jquery ..

Asi ...
<div id="menu">
<a href="productos.php?id=1"" >auto</a>
<a href="productos.php?id=2"" >camion</a>
</div>

y el scripts es asi ..

$("#personajes a").click(function(){
var finalweb = $(this).attr("href");
// $('div#resultado').html('<div id="loadgif"><img src="32-1.gif"
alt=""></div>').show("slow"); // carga imagen preload
$('div#resultado').load(finalweb,function(){$('div#resultado').show
("slow");});
return false;
});

y se muestra en el div

<div id="resultado"></div>

espero que te ayude ... saludos .

[ZarDonkan]

ups ... perdon aqui es > $("#menu a").click(function(){

[ZarDonkan]

Otra vez yo .. perdona pero me paso un caso recien hace 20 minutos con
unas imagenes que no se me actualizaban en IE ... asi que esta es la
nuevo scripts ..


$("#menu a").click(function(){
var aleatorio=Math.random();
var finalweb = $(this).attr("href")+'/'+aleatorio;
$('div#productos').load(finalweb,function(){$('div#productos').show
("slow");});
//alert(finalweb);
return false;
});

si ve agregre la op de aleatorio para que asi no moleste el cache de
algunos browser ...

¿Cuentame si te sirvio ?

> > > Gracias a tod@s.- Ocultar texto de la cita -
>
> - Mostrar texto de la cita -