Prendere contenuto pagina html e visualizzarlo in un div

Ciao a tutti,

per quello che mi serve c'è una discussione qui sul forum ed è questa: http://forum.it.altervista.org/javas...ra-pagina.html ma è vecchia di 7 anni e non si dà il caso di riesumarla.

Mi serve che cliccando su un bottone mi venga visualizzato in un div il contenuto di un'altra pagina HTML facendo così:

Codice HTML:

---

<a href="javascript:carica()">Vedi</a>

---

Con un codice js più o meno così:

Codice PHP:

---

function carica() {
var url = "pagina-da-vedere.html";

document.getElementById('miodiv').innerHTML = il contenuto di url;

}


---

Ovviamente quello che manca qui è quello che non so fare, e per questo chiedo a voi.

Se è possibile avere un codice che sia supportato da tutti i browser, anche quelli mobili e un po' vecchiucci (2-3 anni).



Grazie,
foreach

Premessa non avevo letto la tua ultima riga

Citazione:

---

Se è possibile avere un codice che sia supportato da tutti i browser, anche quelli mobili e un po' vecchiucci (2-3 anni).

---

però questa può essere una soluzione più recente

Non è meglio utilizzare la funzione .load di jquery e ajax ?

Nel bottone ci metti un ID

Codice PHP:

---

<button id="carica">Carica</button>


---

Poi crei un <div> dove vuoi che si visualizzi il tutto e gli metti come id 'result'

Codice PHP:

---

<div id="result">
<!-- Qua ci sarà il nuovo contenuto -->
</div>


---

E infinite il js

Codice PHP:

---

$(document).ready(function(){
$('#result').load('home.html'); // la pagina che deve caricare all'inizio
$(carica).click(function(){ //al momento che premi il bottone
$('#result').load('nuovapagina.html'); //carica la nuova pagina
});
});


---

Chiedo scusa, ma cercando su internet sono finito nella pagina giusta e ho fatto una cosa così:

Codice HTML:

---

<a href="javascript:carica()">Vedi</a>

---

Poi con JS ho messo così:

Codice PHP:

---

function chiediget(dove) {
var chiamata = null;
chiamata = new XMLHttpRequest();
chiamata.open("GET", dove, false);
chiamata.send(null);
return(chiamata.responseText);
}

document.getElementById('miodiv').innerHTML = chiediget('pagina-da-vedere.html');


---

Ho visto che almeno da me funziona (Chromium, Ubuntu 14.04), però vorrei sapere se questo codice che ho messo funziona su tutti i browser, anche quelli di 2-3 anni fa.


Grazie,
foreach

Bisognerebbe utilizzare qualche tool per sapere il funzionamento negli altri browser anche meno recenti.

Io personalmente non sono in grado di agevolarti la vita dandoti uno di questi tool anche perché io scrivo per tecnologie un po' più nuove e non mi è mai servito.

Magari facendo una piccola ricerca online trovi qualche tool che fa a caso tuo. Buon divertimendo :D :ciucchi: