Aggiornamento DIV in Ajax

dottor gregory denis

SCRIVI

Aggiornamento DIV in Ajax postato il 29/11/2009 21:20:18 nel forum programmazione, gdrcd, open source, hosting e modificato da dottor gregory denis il 29/11/2009 21:22:49

Buonasera a tutti, è da un pò di tempo che non scrivo in gdronline, perchè, per fortuna mia, stò imparando veramente molto bene ad usare la magica accoppiata: PHP - MYSQL, solo che, ora, mi trovo difronte ad una difficolta come da titolo, ovvero:
Come far aggiornare un DIV con una funzione ajax?
I div si dovrebbero aggiornare al cambio di una variabile richiamata da un campo in database (e se ciò non è possibile anche dopo un tot di secondi).
Ciò mi permetterebbe di togliere due IFRAME Molto antiestetici!
Qualcuno conosce uno script pronto?
P.s. sono niubbio in Ajax :)

Game of ThronesGame 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

Pagine → 1 

dottor gregory denis

SCRIVI

29/11/2009 21:42:34

arryx ha scritto: Ajax non è altro che un modo per effettuare richieste al server con javascritpt in modo asincrono.

Dicendo questo, si deve presupporre di conoscere un minimo di js e quindi sapere che esso funziona ad "eventi" ad esempio:

- il click di un pulsante
- l'invio di un form
- il passaggio del mouse su un elemento
- la modifica del valore di un campo select in un form
- ecc.. ecc..

Piccola domanda....
Il click del pulsante può essere anche in una pagina separata aperta in popup? ad esempio:
main.php (c'è il div da aggiornare)
pngmaster.php (c'è il pulsante che dovrebbe essere associato al div in main.php)
Grazie!

Hero WarsHero 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!

quota

darkside of breakfast

SCRIVI

29/11/2009 21:44:07

Yes, ma per ste cose ti devi studiare per bene js :)

Se darkside non va alla montagna...
Darkside va al mare.

http://www.gdr-online.com/readforum.asp?id=131517

quota

pistacchio

SCRIVI

29/11/2009 21:50:41

Come già detto, puoi effettuare chiamate dal client al server, ma non dal server al client (in teoria si può fare anche quello, ma sono pochi i framework e i server che supportano il Reverse Ajax (si chiama Comet).

Quello che puoi fare è un polling, ovvero una serie di chiamate continuate nel tempo al server per controllare, ogni tot minuti o secondi, se ci sono le condizioni per aggiornare il tuo <div> (nel tuo caso se una certa variabile è cambiata).

Se hai intenzione di utilizzare AJAX ti consiglio di appoggiarti a qualche framework; jQuery è ormai di fatto uno standard. Per il tuo specifico problema puoi cercare nella libreria che ti ho segnalato la funzione load (http://docs.jquery.com/Ajax/load#urldatacallback) che effettua una chiamata AJAX al server e aggiorna un elemento con quanto restituito dalla chiamata e la funzione setInterval() di javascript che effettua un'istruzione (come la chiamata ad una funzione) ad intervalli regolari di tempo.

Pratico l’arte zen di manutenere la mia motocicletta cambiando la cinghia di Möbius nel mio garage ermetico.

quota

dottor gregory denis

SCRIVI

02/12/2009 14:21:35

Prima di tutto, voglio ringraziare tutti coloro che mi hanno risposto e sopratutto dyrr che mi ha dato una dritta in msn...
Ora, vorrei porvi una domanda... stò usando questo script:


<script type="text/javascript">
var page = "link1.php";
function ajax(url,target)
{
// native XMLHttpRequest object
document.getElementById(target).innerHTML;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send(null);
// IE/Windows ActiveX version
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send();
}
}
setTimeout("ajax(page,'link1')", 10000);
}

function ajaxDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="ajax error: " +
req.statusText;
}
}
}
</script>
<body onload="ajax(page,'link1')">
<div id="link1">

Che funziona perfettamente, però, vorrei sapere, come posso far si che vengano caricate 3 pagine (chiamandole magari: lin1, link2, e link3)?
Grazie a tutti!

EnlistedEnlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

quota

dottor gregory denis

SCRIVI

02/12/2009 15:02:44 e modificato da dottor gregory denis il 02/12/2009 15:03:40

Ciao, grazie di avermi rispoto, ti spiego meglio...
allora il primo file, viene caricato con una chiamata in ajax in questo modo:


<script type="text/javascript">
var page = "link1.php";
function ajax(url,target)
{
// native XMLHttpRequest object
document.getElementById(target).innerHTML;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send(null);
// IE/Windows ActiveX version
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send();
}
}
setTimeout("ajax(page,'link1')", 10000);
}

function ajaxDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="ajax error:
" +
req.statusText;
}
}
}
</script>
<body onload="ajax(page,'link1')">
<div id="link1">

E fin qui non ci piove, poi, ho tentato di effettuare altre tre chiamate simili in questo modo:


<script type="text/javascript">
var page = "link1.php";
function ajax(url,target)
{
// native XMLHttpRequest object
document.getElementById(target).innerHTML;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send(null);
// IE/Windows ActiveX version
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send();
}
}
setTimeout("ajax(page,'link1')", 10000);
}

function ajaxDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="ajax error:
" +
req.statusText;
}
}
}



var page = "link2.php";
function ajax(url,target)
{
// native XMLHttpRequest object
document.getElementById(target).innerHTML;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send(null);
// IE/Windows ActiveX version
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send();
}
}
setTimeout("ajax(page,'link2')", 10000);
}

function ajaxDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="ajax error:
" +
req.statusText;
}
}
}





var page = "link3.php";
function ajax(url,target)
{
// native XMLHttpRequest object
document.getElementById(target).innerHTML;
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send(null);
// IE/Windows ActiveX version
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send();
}
}
setTimeout("ajax(page,'link2')", 10000);
}

function ajaxDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="ajax error:
" +
req.statusText;
}
}
}
</script>
<body onload="ajax(page,'link1'); ajax(page,'link2'); ajax(page,'link3')">
<div id="link1"></div>
<div id="link2"></div>
<div id="link3"></div>

Cosa che ovviamente non funziona, (ho tentato di prendere la strada più semplice dato che di ajax sò veramente zero)!
Sai come posso far si che questo codice possa funzionare?

Spero di essermi spiegato meglio! :)

quota

Discussione seguita da › dottor gregory denis › gemini

Pagine → 1 

Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Recensioni, Interviste e altre Risorse!

Giochi di Guerra
Giochi di Guerra
Lista completa dei giochi di ruolo online di guerra
Kharlan GDR
Kharlan GDR
Intervista alla gestrice del play by forum fantasy Kharlan GDR - Death is Temporary
Stop Internet Explorer
Stop Internet Explorer
Scopriamo assieme come fermare l'accesso ai nostri giochi a chi usa un Internet Explorer datato! Fermiamo la piaga!
Regno di Drams
Regno di Drams
Intervista alla gestrice del GdR fantasy medievale Regno di Drams

Pubblicità

Accedi o Registrati

user

password

Registrati Password?

Risorse del Portale

Utenti Online 594 Utenti Online
Articoli Articoli, Interviste e Tesi
Forum Forum
Sondaggi Sondaggi
Open Source Open Source
Annucni di Ricerca Annunci di Ricerca
Personaggi Ricerca Personaggio
Segnala Gioco Segnala Gioco

Pubblicità

Ultime dal Portale

annuncio venus dormiens ha aperto un annuncio di ricerca: Origo Haeredis - Harry Potter Gdr ricerca Giocatore

news Metin2: Server Boost Yohara – Dettagli e FAQ

Lineage II Lineage II → Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

news Sea of Conquest: Ci dai una mano ai #PocketGamer Awards 2024?

goldaries ha recensito Games of Thrones Winter is Coming

spike92 ha recensito Il Grande Blu

World of Warship: Aggiornamento 13.11: anteprima

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

gdr-online.com ha risposto alla discussione: Parere su BrowserGame

W40K Dathyar: Specializzazioni

NosTale: Ora nel NosMall: dolcissimi mini-pet

DarkOrbit: Aggiorna la scatola dell'Apocalisse!

Exclusive Villa GdR Exclusive Villa GdR → Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

I dati del generatore di rank sono stati aggiornati!

aik ha aperto una nuova discussione: Parere su BrowserGame

eXtremelot: La Bussola dei Cartografi di Lot

Dallas Black Gold: [Trama] JFK Memorial

War Thunder War Thunder → Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

Pubblicità

Articoli e altro

Giochi Digimon Giochi Digimon - Lista dei giochi ambientati nel mondo dei Digimon! Evolvili tutti!

Recensione Lot Recensione Lot - Recensione di eXtremelot... il primo GDR by chat italiano!

Piume Nere Piume Nere - Recensione del gdr horror "Piume Nere - Abisso di Lazarus - England"... entra nell'incubo!

Eroic Fantasy Eroic Fantasy - Aspetti della fantasy eroica nella letteratura contemporanea

Old Mythology Old Mythology - Recensione del gdr mitologico ambientato nel IV secolo. I capricciosi Dei dell'Olimpo camminano ancora fra i mortali...

Giochi di Macchine Giochi di Macchine - Lista dei giochi ispirati al mondo dei motori (Formula 1, Moto GP ecc.). Schiaccia sull'acceleratore!