What is an elegant way to display a four-tabbed table that changes its content based on the tab in HTML/CSS/Native JavaScript? -


a little bit of background:

i developing tracker company each representative have access in order assist tracking daily statistics such calls, time spent after phone call before being available again, revenue, , various sales required make. each day consists of 4 "tours", or checkpoints throughout day @ statistics recorded. @ point, have completed representative tracker portion, having trouble coming way display data each representative in manager-view page. i'm thinking i'd 4 tabs represent each tour , fifth view totals. how build table using native javascript, css , html? closest feel have come solution use <iframe></iframe> , display 4 individual php pages inside, think may gaudy , awkward.

i started this while ago; gives idea of i'm looking make, though has 4 tabs in example.

a. use jquery tabs. great case. b. if dont want inmerse in jquery, use jquery logic: each "tab" , javascript display/hide contents. can whole code in 1 program (not recomended, possible), or use ajax calls , different programs. record: before ajax times, used use iframe each page success. sounds awkward, there time when valid solution.


Comments

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -