Changing text on page without page reloading

[ElphieFabalaFae]

I'm in a bit of a quandary about what bits of PHP I should be looking at in order to achieve my end goal, and would appreciate some suggestions.

I've included a picture of my page at the moment. It's a 'Getting Here' page, with a Googlemap image on the left (in the box) showing the specific destination. I want the directions on how to get there to appear on the right. You'll see some simple made up instructions on the right at the moment. Once the full directions are added, the page is going to become very long, and I don't want that. Therefore, I am hoping to find a way to display the directions from each city, as and when people request them. The directions from the local town will display as default, but once someone hits the City1, City2 or City3 link, then the text will change to the full directions of how to get there from their chosen city. Does that make sense?

There are two things to bear in mind, 1) if would rather stick with link/text to make the changes, but will go with buttons if there are no other options; 2) I don't want the page to reload every time some chooses a different city, I just want the text to change over

Is this even possible? I'm thinking some kind of array perhaps, but then again I've lost as to how the text links would work with calling and changing the arrays. I would just like to know if this is even doable, especially without reloading the page, and if so, what/where should I be looking for inspiration?

Thanks guys!

directions.jpg

[bradgrafelman]

Sounds like this has little to nothing to do with PHP but instead everything to do with a client-side scripting language (such as Javascript). Moved to ClientSide Technologies forum.

Along the same vein, I'd suggestion looking into using jQuery to either dynamically switch out the content displayed on the page with data that you "preload" on the initial page load by outputting it into Javascript arrays or make AJAX request back to your server when the user interacts with an element on the page in order to retrieve the new content that should be displayed.

[ElphieFabalaFae]

Okay, cheers for that. I only asked in here because I know I've done similar things with changing the font/text colour. I'm not a fan of javascript, so I guess I'll just be displaying all options! But thank you anyway.