php e ajax problema chat

Salve a tutti...
sto creando una chat il problema che devo aggiornare i messaggi e non ci sto riuscendo...
i messaggi li prendo da un file php che li prende a sua volta dal db....

<?php include("message.php"); ?>

sto cercando di provare con ajax ma non ci sto riuscendo...
sapete darmi qualche suggerimento su come aggiornare la chat...

[alemoppo]

Prova con (ad esempio):

$.ajax({ url: "message.php", type: "POST",data="azione=aggiorna", success: function(testo){
        document.getElementById('#id_chat').innerHTML += '<p>'+testo+'</p>';
      }});

Ciao!

non funziona....
non cambia niente...

[alemoppo]

come hai provato? Cosa non cambia? Cosa resituisce message.php ??

il codice che mi hai dato lo messo ma non cambia niente...
il div non si aggiorna...
message.php
mi stampa i messaggi come html

[alemoppo]

Hai cambiato l' #id_chat ?

prova così:

$.ajax({ url: "message.php", type: "POST",data="azione=aggiorna", success: function(testo){
        document.getElementById('#id_chat').innerHTML = testo;
      }});

EDIT: prova semmai ad inserrire qualche alert() in modo da vedere cosa non va...

EDIT2: prova anche a vedere se realmente richiama il message.php (fagli ad esempio creare un file o cose simili...)

non funziona ho cambiato id e messo un alert ma non funziona lo stesso....

[alemoppo]

hai un link di esempio?

[javascripter]

Prova con (ad esempio):

$.ajax({ url: "message.php", type: "POST",data="azione=aggiorna", success: function(testo){
        document.getElementById('#id_chat').innerHTML += '<p>'+testo+'</p>';
      }});

Ciao!

Sarà stato un errore di distrazione di alemoppo!

data="azione=aggiorna"

al posto di = ci vanno i :

data: "azione=aggiorna"

$.ajax({ url: "message.php", type: "POST",data: "azione=aggiorna", success: function(testo){
document.getElementById('discussione').innerHTML += '<p>'+testo+'</p>';
}});

ma per richiamare questa parte di codice come posso fare....

[javascripter]

jQuery...

io ho provato con ajax...
cosi...

var Ajax = null;
var NickName = "<?php echo $_COOKIE['nickname']; ?>";


function HttpAjax(){
var xmlHttp;
try{
//Firefox, Opera e Safari
xmlHttp=new XMLHttpRequest();
}
catch(exc){
//Internet Explorer
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(exc){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(exc){
alert("Il tuo Browser non supporta AJAX.");
return false;
}}}
return xmlHttp;
}

function Ricevi(){
var Ajax = HttpAjax();
link = "message.php";
Ajax.open("GET",link,true);
var Discussione = document.getElementById('discussione');
if(Ajax.readyState == 4 && Ajax.status == 200){
Discussione.innerHTML = Ajax.responseText;//Prendo i dati e li stampo nel div
}else{
Discussione.innerHTML = '<center><img src="img/loading.gif" alt="Attendere"><br>Elaborazione dati in corso...</center>';
}}

pero non so come richiamare la funzione ogni 10 secondi...

[javascripter]

Devi usare setInterval

setInterval('ricevi()', 10000);

Secondo me, con jQuery sarebbe stato più facile.

[alemoppo]

immagino che la funzione da richiamare sia ricevi()....

allora fai così:

function Ricevi(){
var Ajax = HttpAjax();
link = "message.php";
Ajax.open("GET",link,true);
var Discussione = document.getElementById('discussione');
if(Ajax.readyState == 4 && Ajax.status == 200){
Discussione.innerHTML = Ajax.responseText;//Prendo i dati e li stampo nel div
}else{
Discussione.innerHTML = '<center><img src="img/loading.gif" alt="Attendere"><br>Elaborazione dati in corso...</center>';
}
setTimeout("ricevi()",10000);
}

(mi scuso per l'errore sopra)

Ciao!

//Variabili
var Ajax = null;
var NickName = "<?php echo $_COOKIE['nickname']; ?>";


function HttpAjax(){
var xmlHttp;
try{
//Firefox, Opera e Safari
xmlHttp=new XMLHttpRequest();
}
catch(exc){
//Internet Explorer
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(exc){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(exc){
alert("Il tuo Browser non supporta AJAX.");
return false;
}}}
return xmlHttp;
}

function Ricevi(){
var Ajax = HttpAjax();
link = "message.php";
Ajax.open("GET",link,true);
var Discussione = document.getElementById('discussione');
if(Ajax.readyState == 4 && Ajax.status == 200){
Discussione.innerHTML = Ajax.responseText;//Prendo i dati e li stampo nel div
}else{
Discussione.innerHTML = '<center><img src="img/loading.gif" alt="Attendere"><br>Elaborazione dati in corso...</center>';
}}
setInterval("ricevi()", 1000);

non sta funzionando...
non si aggiorna...

[alemoppo]

ma il setTimeout lo devi mettere dentro la funzione!!

ma se la metto dentro la funzione la devo chiamare la funzione...

[alemoppo]

eh si, ma solo la prima volta

ad esempio con <body onload='Ricevi()'>

no?

Ciao!

Ti spiego cosa devo fare....
Vorrei che la chat si aggiornasse ogni 3 secondi...
Durante la fase di caricamento prima del aggiornamento circa 2 secondi deve comparire questo:

Discussione.innerHTML = '<center><img src="img/loading.gif" alt="Attendere"><br>Elaborazione dati in corso...</center>'; 

Sai come posso fare....

Questo e il codice:

//Variabili
var Ajax = null;
var NickName = "<?php echo $_COOKIE['nickname']; ?>";


function HttpAjax(){
var xmlHttp;
try{
//Firefox, Opera e Safari
xmlHttp=new XMLHttpRequest();
}
catch(exc){
//Internet Explorer
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(exc){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(exc){
alert("Il tuo Browser non supporta AJAX.");
return false;
}}}
return xmlHttp;
}

function Ricevi(){
var Ajax = HttpAjax();
link = "message.php";
Ajax.open("GET",link,true);
var Discussione = document.getElementById('discussione');
if(Ajax.readyState == 4 && Ajax.status == 200){
Discussione.innerHTML = Ajax.responseText;//Prendo i dati e li stampo nel div
}else{
Discussione.innerHTML = '<center><img src="img/loading.gif" alt="Attendere"><br>Elaborazione dati in corso...</center>';
}}

[alemoppo]

mmmh allora io lo modificherei in questo modo:

function Ricevi(){
var Ajax = HttpAjax();
link = "message.php";
Ajax.open("GET",link,true);
var Discussione = document.getElementById('discussione');
Discussione.innerHTML = '<center><img src="img/loading.gif" alt="Attendere"><br>Elaborazione dati in corso...</center>';
if(Ajax.readyState == 4 && Ajax.status == 200){
Discussione.innerHTML = Ajax.responseText;//Prendo i dati e li stampo nel div
}
setTimeout("Ricevi()",3000);
}

Comunque una domanda: "link" è una parola riservata in javascript (resitituisce, naturalmente, un link .... non sono sicuro che si possa usare anche come variabile...). Sicuro che vada bene? altrimenti prova questo*:

function Ricevi(){
var Ajax = HttpAjax();
url = "message.php";
Ajax.open("GET",url,true);
var Discussione = document.getElementById('discussione');
Discussione.innerHTML = '<center><img src="img/loading.gif" alt="Attendere"><br>Elaborazione dati in corso...</center>';
if(Ajax.readyState == 4 && Ajax.status == 200){
Discussione.innerHTML = Ajax.responseText;//Prendo i dati e li stampo nel div
}
setTimeout("Ricevi()",3000);
}

*ho sostituito soltanto al posto di "link" "url"

p.s. il tag <center> è deprecato!
Ciao!

EDIT:

Comunque, una mia opinione personale sarebbe quella di non aggiornare ogni volta con "Elaborazione dati in corso...", ma fare una cosa del tipo:

<div id='discussione'>Elaborazione dati in corso...</div>
<script>
function Ricevi()
{
     var Ajax = HttpAjax();
     url = "message.php";
     Ajax.open("GET",url,true);
     if(Ajax.readyState == 4 && Ajax.status == 200)
     {
          document.getElementById('discussione').innerHTML = Ajax.responseText;//Prendo i dati e li stampo nel div
     }
     setTimeout("ricevi()",3000);
}
</script>

non fa niente mi dice che ce un errore forse qui...

Discussione.innerHTML = '<img src="img/loading.gif" alt="Attendere"><br>Elaborazione dati in corso...';

Discussione is null

[javascripter]

Se Discussione è null, non andrai a risolvere il problema lì ma dove inizializzi la variabile:

var Discussione = document.getElementById('discussione');

Forse un elemento con id uguale a discussione non esiste nella pagina.

esiste l'id...
^^

[javascripter]

Ma non hai una pagina di esempio?
Come ha scritto sopra alemoppo prova così:

<div id='discussione'>Elaborazione dati in corso...</div>
<script type="text/javascript">
/* <![CDATA[ */
function Ricevi()
{
     var Ajax = HttpAjax();
     url = "message.php";
     Ajax.open("GET",url,true);
     if(Ajax.readyState == 4 && Ajax.status == 200)
     {
          document.getElementById('discussione').innerHTML = Ajax.responseText;//Prendo i dati e li stampo nel div
     }
     setTimeout("Ricevi()",3000); // le funzioni case sensitive
}

Ricevi();
/* ]]> */
</script>

Richiami direttamente Ricevi(), visto che ormai il div è stato caricato senza utilizzare <body onload="...">

non funziona lo stesso....