Pagine PHP nei DIV con jQuery

Pagine PHP nei DIV con jQuery postato il 08/01/2010 21:53:18 nel forum programmazione, gdrcd, open source, hosting

Salve a tutta la comunità di Gdr-online :-)

Sto cercando di creare una classica "main page" di un GDR:
- barra superiore orizzontale
- menu verticale a sinistra
- centro della pagina (che visualizzerà di volta in volta mappa, chat ecc)

Vorrei però evitare l'uso dei Frame, o degli Iframe "nascosti" nei div.
La soluzione che vorrei adottare è quella di caricare dinamicamente le pagine Php direttamente all'interno dei div tramite Ajax e l'utilizzo di un framework javascript (in particolare ho cominciato ad utilizzare jQuery, con il quale mi trovo più che bene)

Ora, assegnato un id al div che mi interessa

riesco, grazie a jQuery, a inserire facilmente dei documenti html (statici)

jQuery(document).ready(function(){
jQuery('#centrale').load('index.html');
});

La domanda è: come far riconoscere alla mia mainpage e in particolare al div, dei contenuti dinamici come pagine php?

Ringrazio in anticipo chiunque vorrà darmi una mano

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

quota

Pagine → 1

blancks

SCRIVI

08/01/2010 22:03:53

Premetto: non uso e non conosco jquery.

Hai provato a sostituire `index.html` con il nome del file contenente la tua procedura dinamica ?

Essendo comunque output html (nella maggior parte dei casi) non credo si faccia differentemente, se poi usi Json forse c'è qualche metodo piu' appropriato.

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

quota

xaver

SCRIVI

08/01/2010 22:14:12

blancks ha scritto:
Hai provato a sostituire `index.html` con il nome del file contenente la tua procedura dinamica ?

Si, è una delle soluzioni che mi è venuta in mente :(
Purtroppo cosi facendo, nel div viene copiato sì tutto l'html generato dopo il parse php del server, ma perde ogni riferimento al proprio css, non fungono più i GET e POST.. In sostanza diventa una porzione di codice html della pagina madre

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

quota

blancks

SCRIVI

08/01/2010 23:08:09

xaver ha scritto:

blancks ha scritto:
Hai provato a sostituire `index.html` con il nome del file contenente la tua procedura dinamica ?

Com'è logico e naturale che sia O.o

I div non sono Iframe !

Eventuali stili css includili nella pagina madre e priva la pagina richiamata da qualunque eventuale headering html, deve contenere solo la formattazione che deve apparire nel div, come se fosse un contenuto naturale della pagina madre.

Anche se comunque, è meglio usare json per farsi passare i dati e poi via dhtml formattarli e piazzarli nella div. Con questo trucco da web 2.0 ci guadagni sia in banda che in fatto di prestazioni ;-)

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

quota

xaver

SCRIVI

08/01/2010 23:35:02

Ti ringrazio per la dritta ;)

Per quanto riguarda l'uso di Json, sono nuovo a questo tipo di approccio, perciò sapresti indicarmi qualche buon tutorial o file di esempio? Ho cercato un pò in giro ma non ho trovato nulla che faccia al caso mio :-(

World of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

quota

darkside of breakfast

SCRIVI

09/01/2010 14:22:33

C'è Json.it http://json.it/javascript_object_notation_ajax.php ↗ con esempi abbastanza chiari.
Se ti trovi meglio puoi anche usare xml :)

Sponsorizzati con noi! ↗
Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

quota

blancks

SCRIVI

09/01/2010 14:29:57

darkside of breakfast ha scritto: C'è Json.it http://json.it/javascript_object_notation_ajax.php ↗ con esempi abbastanza chiari.
Se ti trovi meglio puoi anche usare xml :)

Precisamente.

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

quota

xaver

SCRIVI

09/01/2010 19:06:10

arryx ha scritto:

jQuery(document).ready(function(){
jQuery('#centrale').load('index.html');
});

Non funzionano get e post perchè non fai nessuna chiamata get e post, quello che hai scritto semplicemente prende un file, legge quello che c'è scritto, lo estrae e lo restituisce come risultato della funzione, poi fa un bel innerHTML e spara l'html nella div.

Si si, sapevo benissimo che in quel modo non avrebbe mai funzionato, infatti il post è partito per questo. ;) Comunque come avete suggerito in 3, ora mi sto documentando ben bene sull'uso dell'Ajax e in particolare di Json.

Appena avrò di nuovo dubbi e domande, nn vi preoccupate che tornerò a tormentarvi ^^