Header e footer comuni

[creosoto]

Non potendo utilizzare linguaggi lato server (include) vorrei creare gli header e footer di un sito da aggiornate in un colpo solo. In sostanza mi piacerebbe che da un file footer.html e header.html poter estrarre il div che mi interessano e piazzarli su tutte le pagine.
Devo utilizzare jquery?
Grazie

[m4rko80]

Ciao, scusasami magari non ho capito io perfettamente.
Vuoi includere header e footer richimandoli da js o una parte di quelli visto che parli di div??

Comunque juery o javascript e' lo stesso, e' questione di praticita'.

[creosoto]

Vorrei che header e footer (div) di una pagina modello possano divendare header e footer (div) di tutte le pagine; una sorta di emulazione dei frame.
Chiaro che al fine dell'accessibilità non è il massimo.
Grazie

[m4rko80]

Capito, quindio avrai:

HEADER STATICO FISSO

pagina dinamica

FOOTER STATICO FISSO

Carica questi con javascript(jqeury o meno) io usereri jquery per praticità personale.

Puoi caricare i contenuti con ayax

Quindi o in ogni pagina dinamica metti un tag/div dove andrai a mettere footer e header :

<div id="header"></div>
..pagina dinamica...
<div id="footer"></div>

$(document).ready(function(){

$('#header').load('header.html');
$('#footer').load('footer.html'); 

});

http://api.jquery.com/load/

[creosoto]

funziona grazie mille ciao!!

[creosoto]

facendo delle prove vodo che la cosa funziona però ho ancora un problema:

$(document).ready(function(){

$('#header').load('model.html');
$('#footer').load('model.html');

});
ho richiamato i due div dalla stessa pagina di modello, se poi al modello aggiungo un ulteriore div con un id differente
me lo trovo spalamato anche su tutte le pagine... strano
In sostanza sembra che non venga considerato solo il div con l'id scelto ma anche altro...