Problema: Script Ajax

Problema: Script Ajax postato il 05/11/2008 14:13:47 nel forum programmazione, gdrcd, open source, hosting e modificato da blancks il 05/11/2008 14:17:04

Ho creato il seguente codice per il refresh di una pagina in un div:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
<title>Pagina</title>
<script type="text/javascript">

var http = false;

function refresh_div(pag){

if(navigator.appName == "Microsoft Internet Explorer"){

http = new ActiveXObject("Microsoft.XMLHTTP");

}else{

http = new XMLHttpRequest();

if(http.overrideMimeType){
http.overrideMimeType('text/xml');
}

}

http.open('GET', pag+'.php', true);
http.onreadystatechange = function() {

if(http.readyState == 4) {
document.getElementById('elenco_div').innerHTML = http.responseText;
setTimeout(refresh_div(pag), 5000)
}

}

http.send(null);

}

window.onload = refresh_div('elenco');

</script>
<style type="text/css">
#elenco_div{margin:60px auto; width:100px; height:200px; background-color:#CCCCCC; border:solid 1px #000000;}
</style>
</head>
<body>

<div id="elenco_div"></div>

</body>
</html>

In pratica questo codice dovrebbe refresharmi una pagina ogni 5 secondi all'interno di un div, la pagina caricata in questo div ha all'interno un link che mi richimama nuovamente la funzione, tuttavia cambiando il parametro per far si che essa mi ricarichi un altra pagina in quello stesso div ( refresh_div('pagina_2'); per fare un esempio ).

Senza il settimeout è perfetto, la chiamata asincrona funziona alla perfezione, se invece lo aggiungo.. indipendentmente dal tempo che ho settato essa mi viene ricaricata con un tempo di refresh praticamente nullo ( per dire.. ho messo un <?=mt_rand(0,20)?> in elenco.php per "notare" il refresh.. ho visto quel numeretto variare ad una velocità impressionante)

Qualcuno saprebbe illuminarmi sul perchè accade, ed eventualmente suggerirmi una soluzione ?_?

ps: ringrazio chiunque interverrà per la consulenza ;-)

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, diventa quello che hai sempre cercato.

quota

Pagine → 1 2

cicciokr

SCRIVI

05/11/2008 14:58:57

bhe prova ad aumentare il tempo di refresh.. setTimeout(refresh_div(pag), 5000) metti setTimeout(refresh_div(pag), 25000)...

E´ proprio quando un popolo è all´apice del successo, che ha inizio il suo declino..

quota

blancks

SCRIVI

05/11/2008 15:00:41

cicciokr ha scritto: bhe prova ad aumentare il tempo di refresh.. setTimeout(refresh_div(pag), 5000) metti setTimeout(refresh_div(pag), 25000)...

Soluzione ovvia: già provato ma inutile.
Indipendentemente dal tempo impostato il refresh avviene al millisecondo.

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, diventa quello che hai sempre cercato.

quota

blancks

SCRIVI

05/11/2008 16:31:02

mr_faber ha scritto: non usare ajax, usa un iframe che ricarica solo i content che vuoi tu quando vuoi tu.

E poi dov'è il divertimento di apprendere nuove cose :-P ?

Principalmente è perchè voglio imparare come adoperare al meglio questa tecnica di programmazione che ammetto essermi ancora molto sconosciuta per adesso xD
(Anche perchè ho letto in giro che se usato correttamente può risultare molto performante per il server e recentemente sono diventato un fanatico dell'ottimizzazione xD)

Ikariam ↗
Su una piccola isola, in qualche parte del Mediterraneo, sorge un`antica civiltà. Sotto la tua guida inizia un`era di ricchezza e di scoperte!

quota

cicciokr

SCRIVI

05/11/2008 18:08:05

quoto faber.. usa gli iframe, con una buoan impostazione css farai un ottimo lavoro.. anche se devi stare attento che alcune proprietà con ie si vedono in altro modo..

E´ proprio quando un popolo è all´apice del successo, che ha inizio il suo declino..

quota

blancks

SCRIVI

05/11/2008 18:48:54 e modificato da blancks il 05/11/2008 18:49:15

cicciokr ha scritto: quoto faber.. usa gli iframe, con una buoan impostazione css farai un ottimo lavoro.. anche se devi stare attento che alcune proprietà con ie si vedono in altro modo..

Ah vabe, quello è il minimo creare una pagina interoperabile validata al W3C.
Più che altro mi interessava sapere perchè non funzionava come previsto lo script per un livello di conoscenza personale.

Ad ogni modo grazie dei consigli ;-)

Game of Thrones ↗
Pronto a diventare il Signore dei Sette Regni? Guida la tua grande casata in epiche battaglie PvP ed esplora il mondo di Westeros!

quota

new_world

SCRIVI

05/11/2008 20:17:46

blancks ha scritto: Ho creato il seguente codice per il refresh di una pagina in un div:

invece di settimeout usa setinterval

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

quota

blancks

SCRIVI

05/11/2008 21:16:53

niente neanche con il setinterval()

NosTale ↗
Con l’aiuto della spada e della bacchetta magica risolverai abilmente intricate missioni e domerai coraggiosamente mostri selvaggi!

quota

xenom

SCRIVI

05/11/2008 21:57:03

Tra l'altro sembrerà strano ma con setTimeout(); bisogna mettere gli apici anche al numero. Almeno a me ha dato sempre errore se non mettevo gli apici.

Entropia Universe ↗
Lascia che il tuo avatar esplori nuovi mondi e viaggi tra i pianeti in questo stupendo MmoRpg Sci-Fi Free to Play!

quota

blancks

SCRIVI

05/11/2008 23:23:09

Ho provato nella maniera in cui me l'hai risistemato kinley e niente: non avviene il refresh anche se la chiamata asincrona per cambiare pagina funziona bene :S

Storie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, diventa quello che hai sempre cercato.

quota

blancks

SCRIVI

06/11/2008 00:33:01

kinley ha scritto: si errore mio non viene mai inizializzata la funzione Refresh_div(pag) ovvero da nessuna parte la richiamavo

quindi o aggiungi il window.onload
oppure sotto http = false; inserisci un setTimeout (in questo devi mantenere il set dentro alla funzione che devi convertire in setTimeout perchè è sufficiente) o un setInterval (in questo modo togli quello dentro alla funzione) che faccia partire la function Refresh_div dandogli tu come "pag" tu un valore iniziale predefinito
tipo "home" quello che te pare diciamo il valore di default che deve avere appena accede alla pagina .

dimenticavo
ti sconsiglio di usare eventi come onload perchè in questo caso potrebbe non funzionare comunque perchè prima di tutto eseguirebbe lo script che andrebbe a mettere il risultato in un div che ancora non è stato creato dal sistema. Quindi a mio avviso mettere un set interval a 5 s all'inizio è la cosa migliore in modo che la pagina anche con grafica dovrebbe essere completamente caricata e quindi dopo il document.getElementById riesce a trovare il div caricato

No, non in quel senso, me ne ero accorto che non inizializzavi la funzione da nessuna parte e l'ho fatto io xD (un po di intelligenza ce l'ho eh u.u)

Il punto è che non se lo fila proprio il refresh XD