Chat en Ajax

zeuslife · #1 (**permalink**) 22/02/2010, 15:50

Hola a todos! Quiero integrar un chat en ajax en mi página web, pero el problema es, que si el usuario cambia de página (dentro de la web, pero distinto archivo), se le cierra el chat. Me gustaria hacer la navegación de la web por divs completamente, pero no se como hacerlo.

¿Alguien me puede ayudar? :)

Gracias!!

jackson666 · #2 (**permalink**) 22/02/2010, 22:49

Haciendo que tu web no recargue para que sea navegada, o sea TODA con ajax...

zeuslife · #3 (**permalink**) 23/02/2010, 12:13

Si, pero... ¿cómo hago eso? Es decir, yo paso por get y por post muy amenudo variables, y me gustaria que no tuviera que estár cada dos por tres definiendo una variable con la nueva url a cargar...

¿Tu como lo harias?

MaBoRaK · #4 (**permalink**) 23/02/2010, 15:24

loading...............

Yo buscaría en google "como hacer un chat con ajax"

Todos los manuales apuntan a una misma solución.

connection closed.

eulloa · #5 (**permalink**) 23/02/2010, 15:25

Cita:

Iniciado por zeuslife

Hola a todos! Quiero integrar un chat en ajax en mi página web, pero el problema es, que si el usuario cambia de página (dentro de la web, pero distinto archivo), se le cierra el chat. Me gustaria hacer la navegación de la web por divs completamente, pero no se como hacerlo.

¿Alguien me puede ayudar? :)

Gracias!!

Quieres programarlo desde cero tú mismo? Quizás te sirva: http://www.ajaxprojects.com/ajax/tut...itemid=9#start

Si quieres alguno ya hecho, buscando rápido me aparece: http://www.ajaxhispano.com/gabbly-ch...agina-web.html

zeuslife · #6 (**permalink**) 23/02/2010, 15:32

Mmmm... Si, pero todos lo crean dentro de un div dentro de la página... Lo que yo quiero es algo más... exterior, una especia de lightbox. Mira, es algo parecido a esto: http://techtastico.com/post/gmail-fa...e-jquery-chat/ . El problema es que no se como navegar entre divs, para que no se me quiten esas ventanitas!!

Saludos, y gracias por vuestra ayuda!

zeuslife · #7 (**permalink**) 23/02/2010, 15:37

Gracias por los enlaces eulloa, pero el problema es que esos chats están...digamos integrados en la arquitectura de lla web. Nosotros queremos ponerlo encima, como pueden ser... yo que se, el de tuenti, facebook, etc etc. A ver si se os ocurre algo! Vuestros ejemplos me valdrían, si conseguimos poner eso en una especie de ventanitas a parte... Aunque, algo como el gabby ese si me valdría, pero preferiria programalo yo así, ya que no quiero poner publicidad de ningun 3º... muchas gracias!!

Saludos, y gracias de nuevo!

zeuslife · #8 (**permalink**) 23/02/2010, 16:17

A ver, más o menos creo que lo he solucionado... tengo el siguiente código que os voy a postear, pero el problema es, que desde dentro del propio div, si yo quiero llamar a paginas que se carguen en ese div, no me funciona, y me las carga en el navegador de forma normal... a ver que falla, os posteo aqui los cods:

Código HTML:

Ver original<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var emi = "#nav a"; //Emisor
var rec = "#show"; //Receptor
var src = "../imagenes/cargando.gif"; //Imageen de precarga
var iid = "loading"; //Id de la precarga
var pre = '<img src="'+src+'"id="'+iid+'"/>'; //Objeto precarga
var spe = "slow"; //Velocidad del efecto
$(emi).each(function(){
    var href = $(this).attr("href"); //Guardamos el vaolor de href de cada enlace.
    $(this).click(function(){ //Cargamos en rec el contenido de cada href y le damos efectos.
        $(rec).hide().after(pre).load(href, function(){
            $("#"+iid).remove();$(this).fadeIn(spe)
            });
            return false; //Para que no se redireccione.
    });
});
});
</script>
</head>
<body>
<div id="nav">
<ul>
   <li><a href="ejem1.php?vari=1">Enlace Uno</a></li>
   <li><a href="ejem1.php?vari=0">Enlace Dos</a></li>
   <li><a href="ejem2.php?vari=1">Otro link</a></li>
   <li><a href="1337.htm">1337</a></li>
   <li><a href="creacionismo.htm">Wou</a></li>
</ul>
<div id="show"></div>
</div>

Y, en creacionismo.htm, por ejemplo, hay un enlace a ejemplo.html, que quiero que también se cargue en el div show. ¿Cómo puedo lograr esto?

Saludos, y muchisimas gracias a todos!! :)

eulloa · #9 (**permalink**) 24/02/2010, 10:08

Cita:

Iniciado por zeuslife

Hola a todos! Quiero integrar un chat en ajax en mi página web, pero el problema es, que si el usuario cambia de página (dentro de la web, pero distinto archivo), se le cierra el chat. Me gustaria hacer la navegación de la web por divs completamente, pero no se como hacerlo.

¿Alguien me puede ayudar? :)

Gracias!!

Problemas de comunicación, jejejejejejejjee, es lo q entiendo de tu pregunta

zeuslife · #10 (**permalink**) 24/02/2010, 11:20

Jajajaja debe ser que me expliqué mal, vuelvo a redactar la pregunta:

Tengo una web, en la que quiero integrar un chat como este http://techtastico.com/post/gmail-fa...e-jquery-chat/, que no interfiere en el diseño de la web, sino que está como superpuesto, en primer plano. Pues, al mantener las conversaciones, como si actualizas la pagina o vas a otro enlace de la misma, se quitaría (como cualquier otro div) el chat, queremos hacer que la navegacion se realice mediante un div, en el que se irán cargando las paginas.

Esto ya lo he conseguido sin problemas, pero ahora lo que quiero lograr es poder actualizar ese div desde un enlace de dentro del div, de una de las páginas cargadas. En resumen, que haga el trabajo de la web dentro de ese div.

Espero que se entienda ahora mejor =)

Muchas gracias a todos!!