is it possible to use html5 history api
or history.js
with ajax function that loads pages dynamically that are in different directories as you can see in the below href like Browse
Top_albums
Top_artists
Top_lists
Charts
into a div with an id main_container
without page reload?
i am newbie to jquery and tried to understand how to implement html5 history api
with no success.
please any one who knows about these stuff help me. thanks in advance
this is my navigation menu.
<nav>
<ul id='menu' class="menu-items">
<li><a href="Browse/Browse_Page1.php" class="active"><i class="arcd-archive"> </i></br>Browse</a></li>
<li><a href="Top_albums/Top_albums_Page1.php"><i class="arcd-music97"></i></br>Top albums</a></li>
<li><a href="Top_artists/Top_artists_Page1.php" ><i class="arcd-microphone52"></i></br>Top artists</a></li>
<li><a href="Top_lists/Top_lists_Page1.php" ><i class="arcd-numbered8"></i></br>Top lists</a></li>
<li><a href="Charts/Charts_Page1.php" ><i class="arcd-rising9"></i></br>Charts</a></li>
</ul>
</nav>
any this is div where i wanted ajax to load new pages.
<div id="main_container"> ajax contents goes here </div>