Problema: Script Ajax

blancks

SCRIVI

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 ;-)
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

Pagine → 1  2 

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

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

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)
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

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 ;-)
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

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:


<!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 ;-)


invece di settimeout usa setinterval

The CovenThe Coven ↗
Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

quota

blancks

SCRIVI

05/11/2008 21:16:53

niente neanche con il setinterval()

img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

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.

World of WarshipWorld 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 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

img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

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
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

blancks

SCRIVI

06/11/2008 15:06:12

ok, il problema è questo:


setInterval('refresh_div(pag)', 5000);


Che assolutamente non vuole andare, tranne nel caso in cui io non scriva così


setInterval('refresh_div()', 5000);



in poche parole non posso inviare la variabile con la funzione altrimenti non mi riesegue lo script.

Il punto è che a me serve per poter cambiare pagina da ricaricare in quel div con un click.

Suggerimenti su come posso scriverlo in modo che me lo accetti :S ?
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

blancks

SCRIVI

06/11/2008 19:24:55

Bene, adesso va il refresh ed è tutto ok.. MA (essi, c'è un ma ç_ç)

Quando avvio la funzione passandogli l'info della seconda pagina da ricaricare temo che si accoda alla prima già in esecuzione.

Perchè invece di refreshare solo la seconda pagina, mi viene ricaricata anche quella di partenza, poi di nuovo quella e poi ancora quella di partenza e se clicco nuovamente il processo è più rapido :S

mai una che me ne vada bene al primo colpo in ambito javascript oh XD

img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

Discussione seguita da › blancks

Pagine → 1  2 

Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Interviste e altre Risorse!

Omeyocan
Omeyocan
Intervista allo staff dell'oscuro GdR by chat Omeyocan
Guida al Play By Chat
Guida al Play By Chat
Una guida base per l'utente del Play by Chat scaricabile gratuitamente in formato PDF!
The Gamers Films
The Gamers Films
Conoscete i film indie: "The Gamers" e "The Gamers 2: Dorkness Rising"? No? Male! Scoprili nel nostro artiolo!
AnnoMille
AnnoMille
Intervista al gestore del GdR Fantasy "AnnoMille"!

Pubblicità

Ultime dal Portale

risposta Il gestore di Naruto x Boruto GDR - New Rebirth ha risposto alla recensione di jimcho

risposta Il gestore di Naruto x Boruto GDR - New Rebirth ha risposto alla recensione di theduelist92

Seconda Era Seconda Era → Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, Play By chat

news War Thunder: Chieftain 900: Capo della Royal Ordnance

gioco Il portale raggiunge i 17.200 giochi catalogati! Grazie a tutti!

news Hero Wars: Anomalia dei Pets! 🐾

news New Orleans: [On Game] Casting per i Cantanti!

The Coven The Coven → Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

gdrrank I dati del generatore di rank sono stati aggiornati!

news Le Cronache di Raja Dunia: Ampliamento Enciclopedia Creature

news Enlisted: Combattimento alla pari: Regno Unito contro Italia

news World of Tanks: Manovre militari torna a novembre!

Crossout Crossout → Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

recensione lyingcreature ha recensito Salvation GDR

news Portus: Harry Potter Gioco di Ruolo: La RAS è arrivata a Hogwarts. E ora?

news RAID Shadow Legends: Evento extra leggendario

news Hero Wars: Verdoc il nuovo Titano! 🌿

Hero Wars Hero Wars → Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

Pubblicità

Articoli

Creazione Personaggio Creazione Personaggio - Alcune semplici consigli su come creare un personaggio per gdr

D&D 4ed D&D 4ed - Dungeons and Dragons 4a edizione è rivolto solo al combattimento? Scopriamolo!

Gioco e Pregiudizio Gioco e Pregiudizio - Tesi dal titolo "Giocare contro il pregiudizio. Serious games e bullismo omofobico."

Hikaru No Tohei Hikaru No Tohei - La folle intervista ai gestori di Hikaru No Tohei Le Luci di Tohei! Da rider... ehm... leggere tutta d'un fiato!

Negromanzia Negromanzia - L’abilità di catalizzare, incanalare e forgiare l’energia emanata dalle vibrazioni dell’onda primordiale in maniera stabile!

Multiverse eLot Multiverse eLot - Multiverse eLot: intervista al creatore della prima APP per un Play by Chat (eXtremelot)!

Conferenza GDR-online Conferenza GDR-online - Conferenza sui GDR online svoltasi a Lucca and Games 2006