Zastąp wewnętrzną stronę zewnętrzną
Mam stronę, która składa się z nagłówka div dla nawigacji, zawartości div dla treści i divy stopki, która ma po prostu pewne informacje statyczne.
Chodzi o to, że po kliknięciu na coś w pasku nagłówka, div content zmienia odpowiednio treść. Chciałbym przechowywać każdy element treści we własnym pliku, aby ułatwić jego rozwój. Jak mogę to zrobić?magicLoad funkcja, którą napisałem poniżej?
Obecnie nie korzystam z żadnej struktury (przychodzi mi na myśl jquery), ale na pewno nie jestem przeciwny użyciu. Jeśli naruszam tutaj inne najlepsze praktyki, chciałbym to wiedzieć, ale moim głównym celem jest załadowanie z zewnętrznej strony. Jak mogę to zrobić?
Oto podstawowa makieta szkieletu mojej konfiguracji. (Oczywiście jest ich więcej niż tylko 3, ale to wystarczy, by osiągnąć cel.)
<html>
<script type="text/javascript">
function show(which) {
document.getElementById(which).innerHtml = magicLoad(which + ".html");
return false;
}
function showHome() { show('home'); return false;} // for onload
</script>
<body>
<div id="header">
<a href="javascript:void(0)" onclick="show('home')">HOME</a> |
<a href="javascript:void(0)" onclick="show('training')">TRAINING</a> |
<a href="javascript:void(0)" onclick="show('audits')">AUDITS</a>
</div>
<div id="content">
</div>
<div id="footer">
</div>
</body>
<script> window.onload=showHome; </script>
</html>