[SOLVED] refreshing a section without reloading

[ohdang888]

hey. how do i make one section of my page refreshing when soemone clicks on it, but not the whole page?

[pocobueno1388]

It's hard to give you good direction when we don't know exactly what your doing. Your solution will probably be JavaScript or AJAX.

[MadTechie]

or an iframe/frame, again need more info

[ohdang888]

i've seen it done javascript before. so i'll try that.

but what i want to do is pretty simple.

 

(theres a div, or table, or whatever i would use for this), that is about 500 px by 200 px. it has 3 or 4 tabs on top of that section.

 

each tabs loads something different. But you don't need to reload the whole page to change from tab to tab. You click on that tab, and it loads that spefic info in the box. click on another tab, and it will load the new information, without refreshing the entire page.

 

[MikeDXUNL]

http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/

 

[ohdang888]

thanks...

but i'm stuck a little.

heres the code they gave as a demo

<script type="text/javascript">

var countries=new ddajaxtabs("countrytabs", "countrydivcontainer")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>


<div id="countrydivcontainer" style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">
//Optional default content here.
</div>
</ul>

<ul id="countrytabs" class="shadetabs">
<li><a href="#" class="selected" rel="#default">Tab 1</a></li>
<li><a href="external2.htm" rel="countrycontainer">Tab 2</a></li>
<li><a href="external3.htm" rel="countrycontainer">Tab 3</a></li>
<li><a href="external4.htm" rel="#iframe">Tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>

i'm saving that as java.php, and saving all those demo files in the fame folder, but when i upload it, it just links me to the content, it doesn't display it.

AND it looks all messed up, (screenshot attached)

 

what do i need to do to fix this kind of stuff?

 

[attachment deleted by admin]

[MadTechie]

would probably be better off asking these questioins in the correct section

 

EDIT: but it looks like your missing a bunch of code..!

i assume ddajaxtabs is part of a external js file you are not including