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

Pandora Upside Down High School ↗
La prima scuola per sovrannaturali al mondo vi attende! Scoprite il vostro cammino Ancestrale relazionandovi con i compagni e le attività dei club

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.

Sea of Conquest ↗
Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

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

Pandora Upside Down High School ↗
La prima scuola per sovrannaturali al mondo vi attende! Scoprite il vostro cammino Ancestrale relazionandovi con i compagni e le attività dei club

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

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

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 :-(

Pirates of the Caribbean ↗
Parti per un'avventura con Jack Sparrow, Will Turner, il Capitano Barbossa e altri spadaccini del franchise cinematografico Pirati dei Caraibi!

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

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

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

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.

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

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