Prendere contenuto pagina html e visualizzarlo in un div

[foreach]

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

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

Con un codice js più o meno così:

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

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

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

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

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

E infinite il js

$(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           
          }); 
        }); 

[foreach]

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

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

Poi con JS ho messo così:

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