Go Back   CodingForums.com > :: Client side development > JavaScript programming > DOM and JSON scripting

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 01-22-2013, 01:55 AM   PM User | #1
brookfloyd
New Coder

 
Join Date: Jan 2013
Posts: 19
Thanks: 1
Thanked 0 Times in 0 Posts
brookfloyd is an unknown quantity at this point
Swapping out a section of my home page with tabs...

Hello,

I have a website (mixnob.com) that has a section at the bottom of the home page with three tabs (Featured Products, On Sale, and New Products). The data for these sections is delivered dynamically from a database. I have the variables that call all of the corresponding data. What I am needing help with is how to code this section so that when someone clicks on each tab, the correct products will show without the whole page reloading. So when you first load the home page, it defaults to showing the Featured Products, then when you click on New products, they will show, and so on.

So far I have setup the graphic and css part of it. The three tabs are there and change to a different hover color once clicked. I just need help with the actual script to make the functionality work.

I would be appreciative for any help anyone can offer with this.

Thanks,
Brook Floyd
brookfloyd is offline   Reply With Quote
Old 01-22-2013, 04:18 PM   PM User | #2
sunfighter
Senior Coder

 
Join Date: Jan 2011
Location: Missouri
Posts: 2,498
Thanks: 18
Thanked 362 Times in 361 Posts
sunfighter is on a distinguished road
This is not JSON brookfloyd. It sounds like you need AJAX.
http://www.w3schools.com/ajax/default.ASP
Or https://developer.mozilla.org/en-US/...etting_Started
Or google it. AJAX is not easy to learn, but is necessary in today's coding world.
sunfighter is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 06:19 AM.


Advertisement
Log in to turn off these ads.