Question

I have an area on my webpage that is populated by different <div> containers of information. When a link in my navigation bar is pressed, one <div> will fade out and another will fade in. What I’d like to do is have one of these content <div>‘s filled with dynamic information, and when a link is pressed on another one of the “pages” it would change which database to load the information from and then display, or fade in, that <div> with the new information.

Sudo:

<a href = "#" onClick = "changeContent('dynamicDiv'); [Set which database to load the information from]; "> View information </a>

<div id = "dynamicDiv">
<?php include 'file.php' ?>
</div>

file.php

**Find which database to load information from and display content**

I thought about using $GLOBAL vars, but I’m not sure how to set those from a link, and also it wouldn’t reload the div content.

I also considered using a form, but I’m not sure of the “correct” way of doing this would be, and also when the page is reloaded the <div> that is displayed by default would be loaded, not the <div id = "dynamicDiv>

Any suggestions/ideas are very much welcomed….

Answer 1

In this case you should use ajax.

AJAX is used for changing the page content from server without reloading the page.

You can use this JQUERY AJAX And JQUERY LOAD

$(document).ready(function(){

$("#changediv").load("load.php?id=1");

})

in load.php
$id=$_GET[‘id’];

// use that id for dynamic query in database
$query="SELECT *.....";
$result=mysql_query($query);
echo mysql_fetch_array($result);//somthing like that

All the word echoed in php become response in ajax.