# How to acheive this?

**URL:** <https://forum.kirupa.com/t/how-to-acheive-this/262505>\
**Category:** web dev\
**Created:** [June 6, 2008, 2:18pm UTC](https://forum.kirupa.com/t/how-to-acheive-this/262505 "2008-06-06T14:18:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![westy2006](https://avatars.discourse-cdn.com/v4/letter/w/71e660/32.png) [@westy2006](https://forum.kirupa.com/u/westy2006)\
**Post date:** [June 6, 2008, 2:18pm UTC](https://forum.kirupa.com/t/how-to-acheive-this/262505/1 "2008-06-06T14:18:14Z")

</div>

Hello everyone,  
I am not sure the correct name of what I am trying to achieve, but I will try explain best I can. On my homepage I would like to display featured news of certain topics. Users can click on the tabs and the different content with images is displayed all in the same place depending on which one they have clicked, without having to move off the homepage.  
An example of exactly what I mean is on [www.yahoo.co.uk](http://www.yahoo.co.uk) Underneath the featured news section they have tabs for news, sport, entertainment, video where you click and the content changes, without having to move to external page.  
Please could you tell me how to achieve this or point me towards a tutorial. If you don’t understand what I mean please let me know and I will try to explain better!  
Thanks for your time.

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [June 6, 2008, 2:21pm UTC](https://forum.kirupa.com/t/how-to-acheive-this/262505/2 "2008-06-06T14:21:49Z")

</div>

[http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm](http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/index.htm)

in fact, that was created based off of the same yahoo page, so its **exactly** what you are looking for

---

<div class="post-metadata">

**Author:** ![pixelSnobbery](https://avatars.discourse-cdn.com/v4/letter/p/e274bd/32.png) [@pixelSnobbery](https://forum.kirupa.com/u/pixelSnobbery)\
**Post date:** [June 6, 2008, 2:26pm UTC](https://forum.kirupa.com/t/how-to-acheive-this/262505/3 "2008-06-06T14:26:12Z")

</div>

This is done using AJAX. There are loads of ways to do this, and it can be easily done in Dreamweaver CS3 or later.

A quick overview, along with some examples, can be found here:

[http://www.vineyardesigns.com/resources/dreamweaver/spry.shtml](http://www.vineyardesigns.com/resources/dreamweaver/spry.shtml)

---

<div class="post-metadata">

**Author:** ![westy2006](https://avatars.discourse-cdn.com/v4/letter/w/71e660/32.png) [@westy2006](https://forum.kirupa.com/u/westy2006)\
**Post date:** [June 6, 2008, 3:01pm UTC](https://forum.kirupa.com/t/how-to-acheive-this/262505/4 "2008-06-06T15:01:27Z")

</div>

Thats brilliant, exactly what I was looking for, thank you both for your help.