Witam,
Nie wiem za bardzo jak osiągnąć dynamiczną zmianę zawartości DIVa. Otoż mam na stronie element DIV oraz kilka przycisków. Element DIV ma ID="mojDIV". Każdy z przyciskow miałby cos napisać (usuwając poprzednią zawartość) w elemencie DIV. To znaczy, pierwszy przycisk wyświetla liste osob w mojDIV. Drugi przycisk wyświetla liste ksiażek w mojDIV itd. Na razie robie to poprzez:
var mojDIC = document.getElementById('ramkaTop');
function aboutAuthors()
{
mojDIV.innerHTML = "<a href='#' onClick='about(osoba1);'>Osoba 1</a><br><a href='#' onClick='about(osoba2);'>Osoba 2</a>";
}
function poezja()
{
mojDIV.innerHTML = "<a href='#' onClick='ksiazka(ks1);'>Książka 1</a><br><a href='#' onClick='wiersz(ks2);'>Książka 2</a>";
}
Problem w tym, że to nie działa tak, aby sie zmieniała zawartość tego elementu DIV. Ma ktoś pomysł jak to rozwiązać? Będzie potrzebny AJAX?
Czesc pliku index.html:
<div id="wrap">
<div id="ramkaTop">
tekst próbny :)
</div>
<div id="buttons">
<ul>
<li><img id="autorzy" src="graphics/Autorzy.png" alt="Autorzy" width="154" height="64" onclick="aboutAuthors();" /></li>
<li><img id="poezja" src="graphics/Poezja.png" alt="Poezja" width="154" height="64" onclick="poezja();" /></li>
</ul>
</div>
</div>