Witam serdecznie!
Mam przygotowaną stronkę, której zawartość ładowana jest dynamicznie bez przeładowanie strony.
Załatwione mam to ajaxem, który wywoływany jest po kliknięciu w link (onClick event).
W celu "wyłapania" podstrony do załadowanie stosuję kotwicę oraz id mojej strony w bazie danych - przykładowy link ma więc postać:
<a class="link-anchor" href="#about-us" title="About Us" data-page-id="1">About Us</a>
natomiast jQ ma postać
$('.link-anchor').on('click', function(e){
e.preventDefault();
// pobierz ID i inne rzeczy
$.ajax({
url: "xx.php",
type: "GET",
dataType : "html",
data: {
id: pageId,
lang: langID
},
success: function (data){
$('#myDiv').html(data);
}
});
});
Wszystko działa poprawnie wg założeń.
Pojawia się natomiast klika elementów, które muszę poprawić, a w momencie pisania strony o nich nie wiedziałem.
a) Działam na kotwicach więc de facto istnieje tylko 1 link do strony głównej (brak unikalnych linków do podstron) -> nie da się podstron pozycjonować bo ich fizycznie nie ma
b) Nie działają przyciski next i prev w przeglądarce -> adres wraz z kotwicami się zmienia ale strona ciągle jest ta sama
c) Brak możliwości wygenerowania linku do konkretnej podstrony (jest dostęp przez kotwicę i działa) ale jak w grę wchodzi wersja jezykowa to nie znajduje odpowiedniej podstrony.
Moje pytanie więc brzmi.
Jak najprościej przerobić istniejącą stronkę tak aby wszystkie w/w punkty były spełnione.
Dodam że na pewno jest to możliwe ale chcę to zrealizować możliwie jak najmniejszym nakładem pracy i poprawek aktualnej strony.
Poradzi ktoś jaka technologia webowa pomoże mi w poprawkach mojej strony, tak aby wszystko działało jak na wspomnianej wyżej stronce?