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....

Codice PHP:

---

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

---

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

Prova con (ad esempio):

Codice HTML:

---

$.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...

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

Hai cambiato l' #id_chat ?

prova così:

Codice HTML:

---

$.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....

hai un link di esempio?

Citazione:

---

Originalmente inviato da alemoppo

Prova con (ad esempio):

Codice HTML:

---

$.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!

Codice:

---

data="azione=aggiorna"

---

al posto di = ci vanno i :

Codice:

---

data: "azione=aggiorna"

---

Citazione:

---

$.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....

jQuery...

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

Citazione:

---

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...

Devi usare setInterval

Codice:

---

setInterval('ricevi()', 10000);

---

Secondo me, con jQuery sarebbe stato più facile.

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

allora fai così:

Codice HTML:

---

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) :lol:

Ciao!

Codice PHP:

---

//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...

ma il setTimeout lo devi mettere dentro la funzione!! :lol:

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

eh si, ma solo la prima volta :wink:

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:

Codice PHP:

---

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


---

Sai come posso fare....

Questo e il codice:

Codice PHP:

---

//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>';
}}

---

mmmh allora io lo modificherei in questo modo:

Codice HTML:

---

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 :lol: .... non sono sicuro che si possa usare anche come variabile...). Sicuro che vada bene? altrimenti prova questo*:

Codice HTML:

---

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:

Codice HTML:

---

<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...

Citazione:

---

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

---

Discussione is null

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

Codice:

---

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

---

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

esiste l'id...
^^

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

Codice HTML:

---

<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....