PHP or Jscript?

subkida

Which should I be using for this type of action:

I have 4 small <div>s above a larger <div> cach containing text News01, News02, News03, News04. Kinda like this:

Date : Author

MSG
MSG--------------DIV 5(Large one)-------------------
MSG

*

What I want it to do is when someone clicks on the text in the top 4 <div>s to change the content in the big <div> according to what tab they clicked on. I.e. if they clicked on "News01" whatever content is contained in a variable $News01 is displayed in the large <div>.

I could just link it and have it refresh the page, but the problem is I have another set of <divs> indentical to the example above for Events. So it would only change the content in the News window if a news0X link was clicked or change the content in the Events window if event0X was clicked.

So my question is, would it be easier to layer 4 large dividers on top of each other and whenever a tab was clicked have a OnClick java script behavior make the other 3 divs hidden while the requested one is visible. (If I can do that.)

Or is there some way in PHP I might be able to do this?

BuzzLY

You really can't do that in PHP without refreshing the page. PHP runs on the server, so if you need PHP to make your changes, you have to send a request to the server, which would reload the page with the new information.

You could give the large div tag an ID, making it a referencible object. Then, use Javascript to change it's innerhtml property:

document.div5.innerhtml = "your content here, including HTML tags";

subkida

Thanks!

If I were to make it so it refreshed the page using PHP though, could I keep the content in the Events <div> the same if they chose a new News window, and vice versa?

BuzzLY

I'm sure you could... but you would have to use Javascript to set some hidden values and post to a new page, I think. It might take some thinking to get that to work properly. Try the innerHTML method first, if that's a good solution for you. The only caveat is that all of the information must be sent to the client when it's loaded, and held in variables.

Another option is to use iFrames, but I'm not sure that's very well supported in many browsers.

subkida

Yeah, Iframes would be nice... I read they aren't widely supported though so I ditched that idea.

Ok, I'll try the innerhtml method. Thanks a bunch.