Na stronie mam pole div w którym znajduje się input i przycisk OK. Chodzi o to żeby po wpisaniu do pola input jakiejś nazwy powiedzmy aabb11 i kliknięciu przycisku OK skrypt załadował zawartość pliku "aabb11.html" do pola div. Skrypt zawiera też obsługę błędów w przydadku gdyby wpisana została nazwa pliku który nie istnieje. Zawartość div'a jest podmieniana na komunkiat błędu. Wszystko działa elegancko, tylko że chciałbym do komunikatu o błędzie dodać łącze które przywróci zawartość oryginalnego div'a (tego z polem input i przyciskiem). Zrobiłem to tak: <a href="index.php">Powrót</a> tyle że to rozwiązanie przeładowuje mi całą stronę. Chciałbym mieć możliwość podmiany tego div'a bez ponownego ładowania całej strony. Teraz pytanie bo męczę się już jakiś czas... czy takie coś jest w ogóle możliwe do zrealizowania ?
$(document).ready(function(){
$('#ok').click(function(){
var plik = $("#nazwapliku").val();
$.ajax({
type: "GET",
url: plik+".html",
pobierz: function (XMLHttpRequest) {
$("#formularz").html("Odczytywanie informacji...");
},
success: function(msg) {
$("#formularz").html(msg);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
$("#formularz").html('
<div class=error>Błędna nazwa, lub plik nie istnieje.
</div>');
}
});
});
});
<div class="form1" id="formularz"> Podaj nazwę pliku i kliknij przycisk OK
<br /> <input type="text" size="15" id="nazwapliku"> <input type="button" value="OK" id="ok">