Ajax content help

[Trill]

Okay, I am extremely rusty at this and can't really remember how I've done it. However, I'm working on a site powered by Bootstrap and rather than having every page reload as I need some content to stay in place while switching pages, and I'm wanting to use ajax content. I checked how dynamic drive and got the main code/hang of it again.. but for some reason it's not doing what I want it to do. I'm basically confused as to where to place the code to load the main content, and then when clicking a navigator link, it loads that pages content where the blow code is placed.

<div id="contentarea"></div>

Here's a navigator code:

<li><a href="javascript:ajaxpage('test.php, 'contentarea');">test</a></li>

Test consists of:

    <div class="row">
                    <div class="col-sm-8">
                     <div class="panel panel-default">
                        <div class="panel-heading">
                         <h3 class="panel-title">Test Panel</h3>
                        </div>
                        <div class="panel-body">
                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis tincidunt nunc eu iaculis. Curabitur aliquam, purus volutpat tincidunt fermentum, augue erat 
                         scelerisque dui, at aliquet leo lectus quis dui. Nulla congue elit in lacus porttitor, ultricies ultrices ligula porttitor. Praesent faucibus ullamcorper ligula ut 
                         cursus. Vivamus condimentum augue vel dapibus feugiat. Proin vulputate massa at tortor iaculis, in sodales nulla suscipit. Pellentesque commodo venenatis mauris, 
                         vitae feugiat tortor cursus non. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc quam nisi, semper non tortor vel, tincidunt eleifend dui. 
                         Curabitur pellentesque, nulla eu blandit condimentum, augue ante posuere nunc, at laoreet velit est ac ipsum. Vivamus neque elit, pellentesque eu justo a, 
                         iaculis lacinia leo. Sed pulvinar dapibus diam et vulputate. In porta sem id lorem vestibulum pulvinar. Suspendisse luctus lorem sit amet condimentum volutpat. 
                         Nullam id pharetra tortor.
                         <br /><br />
                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam iaculis tincidunt nunc eu iaculis. Curabitur aliquam, purus volutpat tincidunt fermentum, augue erat 
                         scelerisque dui, at aliquet leo lectus quis dui. Nulla congue elit in lacus porttitor, ultricies ultrices ligula porttitor. Praesent faucibus ullamcorper ligula ut 
                         cursus. Vivamus condimentum augue vel dapibus feugiat. Proin vulputate massa at tortor iaculis, in sodales nulla suscipit. Pellentesque commodo venenatis mauris, 
                         vitae feugiat tortor cursus non. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc quam nisi, semper non tortor vel, tincidunt eleifend dui. 
                         Curabitur pellentesque, nulla eu blandit condimentum, augue ante posuere nunc, at laoreet velit est ac ipsum. Vivamus neque elit, pellentesque eu justo a, 
                         iaculis lacinia leo. Sed pulvinar dapibus diam et vulputate. In porta sem id lorem vestibulum pulvinar. Suspendisse luctus lorem sit amet condimentum volutpat. 
                         Nullam id pharetra tortor.
                        </div>
                     </div>

Thanks!

 

[Sysode]

Where is your ajax script? Have you included that before your content?

 

[Trill]

Where is your ajax script? Have you included that before your content?

The ajax script is in index.php and I have the below code in it where I want the other content from the different pages to load:

<div id="contentarea"></div>

 

[Sysode]

Paste your entire index.php so I can have a look when I'm on PC ;3

 

[Trill]

Paste your entire index.php so I can have a look when I'm on PC ;3

I'm slowly working it out. I forgot to include this code:

<script type="text/javascript"> ajaxpage('home', 'contentarea')</script>

To call the main content from home.php.

I'll PM you if I require more help!

 

[Markshall]

Post your ajaxpage JavaScript code.