Caricare div senza reload della pagina

Ciao a tutti, è possibile aprire un div caricando solamento quel div specifico e non ricaricando tutta la pagina?

Ad esempio mi piacerebbe che cliccando su una voce del menu sulla sinistra si aprisse il contenuto di un div sulla destra, non so se mi sono spiegato.

Grazie

E' certamente possibile, ma devi usare javascript e css.
I passi per farlo sono riassumibili in:

1) dichiari ed eventualmente popoli il div nella pagina, ma nascosto
2) quando l'utente fa clic da qualche parte (che decidi tu) richiami uno script javascript che cambia lo stato del div da nascosto a visibile (di solito cambiandogli la classe css)

Ovviamente devi avere un po di dimestichezza con HTML, Javascript e CSS...

Dai un'occhiata al mio sito ****, c'è un menu che funziona con il principio che ti ho descritto. Se è l'effetto che cerchi domani ti passo il codice, che però dovrai personalizzare.

Ciao!

Devi assegnare un id al div. Quindi, tramite javascript puoi assegnargli un contenuto differente, dopo il caricamento della pagina:

Codice HTML:

---

<div id="contenuto">Contenuto iniziale</div>
<a href="#" onClick="document.getElementById('contenuto').innerHTML='nuovo contenuto!'; return false;">cambia</a>

---

Se invece vuoi prendere il contenuto da un'altra pagina, devi usare ajax.
In alternativa, puoi includere jQuery, e usare ad esempio .load() (che comunque usa ajax, però in questo modo è facilitato). Quindi fare una cosa del tipo:

Codice HTML:

---

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function carica(numero)
{
    $('#contenuto').load('pagina'+numero+'.html');
    return false;
}
</script>
<div id="contenuto">contenuto iniziale</div>
<a href="#" onClick="carica('1')">pagina1</a>
<a href="#" onClick="carica('2')">pagina2</a>

---

p.s: comunque, prima di aprire un topic, come da regolamento, è opportuno fare una ricerca!. Ad esempio, vedi qui. (lì c'é l'esempio con ajax).

Ciao!

Quindi se non ho capito male
nel caso volessi utilizzare i div con javascript, dovrei creare un'unica pagina che conterrebbe tutto il codice del sito giusto?

Citazione:

---

Originalmente inviato da alemoppo

Devi assegnare un id al div. Quindi, tramite javascript puoi assegnargli un contenuto differente, dopo il caricamento della pagina:

Codice HTML:

---

<div id="contenuto">Contenuto iniziale</div>
<a href="#" onClick="document.getElementById('contenuto').innerHTML='nuovo contenuto!'; return false;">cambia</a>

---

---

Ciao, in questo esempio al posto di 'nuovo contenuto' dovrei mettere l'id del nuovo div giusto? Come faccio però a nasconderlo? Perchè se ne creo uno nuovo e lo mette nel codice, questo viene visualizzato. Grazie

Vedo che nella mia risposta in cui ho messo il link al mio sito il link è stato rimosso da alemoppo. Non sapevo che non si potesse mettere. Chiedo scusa, ne terrò conto in futuro.

Citazione:

---

Originalmente inviato da alemoppo

Se invece vuoi prendere il contenuto da un'altra pagina, devi usare ajax.
In alternativa, puoi includere jQuery, e usare ad esempio .load() (che comunque usa ajax, però in questo modo è facilitato). Quindi fare una cosa del tipo:

Codice HTML:

---

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function carica(numero)
{
    $('#contenuto').load('pagina'+numero+'.html');
    return false;
}
</script>
<div id="contenuto">contenuto iniziale</div>
<a href="#" onClick="carica('1')">pagina1</a>
<a href="#" onClick="carica('2')">pagina2</a>

---

Ciao!

---

Così però viene ricaricata tutta la pagina, io invece vorrei che venisse caricato solamente un pezzo della pagina.

Non ti andava bene la soluzione travata QUI?