Jak zmienić jakiś fragment strony (np. zawartość komórki tabeli) nie przeładowując całej strony tylko ten konkretny fragment. Zawartość ma być wczytana z pliku z kodem html.
0
0
I tutaj się wykorzystuje ten cały AJAX o którym tak głośno.
Obiekt XMLHttpRequest + dostęp do danej komórki tabeli poprzez DOM + zmiana zawartości na podstawie pobranego przez XMLHttpRequest pliku.
<font size="1">Jak ktoś bardziej obeznany z Ajaksem się pojawi to może gotowe rozwiązanie poda (a może i inne...).</span>
0
uzycie AdvancedAJAX :
<html>
<head>
<title>Przyklad</title>
<script language="javascript" src="advajax.js"></script>
<script language="javascript" type="text/javascript">
<!--
function zmienKategorie(plik) {
advAJAX.get({
url : "http://localhost/tmp/ajax/" + plik,
onLoading : function(obj) {
document.getElementById('zawartosc').innerHTML = "Loading...";
},
onSuccess : function(obj) {
document.getElementById('zawartosc').innerHTML = obj.responseText;
},
onError : function(obj) {
document.getElementById('zawartosc').innerHTML = "Error: " + obj.status;
}
})
}
-->
</script>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="25%"><a onClick="zmienKategorie('home.html')" href="#">Home</a><br>
<a onClick="zmienKategorie('linki.html')" href="#">Linki</a><br>
<a onClick="zmienKategorie('kontakt.html')" href="#">Kontakt</a></td>
<td width="75%" id="zawartosc"> </td>
</tr>
</table>
</body>
</html>
0
zapomniałeś tylko podać skąd pobrać advajax.js ;)
http://advajax.anakin.us/index-pl.htm
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.