Intended functionality: 3 links that can be clicked to display a different div tag.
I'm testing with Win XP Prof SP2, IE7, English. Later I'll be on a PC that has a slew of other browsers loaded, but I think it's my own ignorance--not IE7's.
HTML:
Expand|Select|Wrap|Line Numbers
- <html>
- <head>
- <title>URL.NET</title>
- <link rel="stylesheet" type="text/css" href="homestyle.css" />
- <script src="section.js"></script>
- </head>
- <body>
- <div id="menuWrapper">
- <div id="home" class="menuButton" onclick="activateSection('home');">Home</div><div class="menuSpacer"></div>
- <div id="visitme" class="menuButton" onclick="activateSection('visitme');">Visit Me!</div><div class="menuSpacer"></div>
- <div id="contactme" class="menuButton" onclick="activateSection('contactme');">Contact Me</div>
- </div>
- <div id="contentWrapper">
- <div id="homeTab" class="tabContent">Go Home</div>
- <div id="visitmeTab" class="tabContent">Visit Me</div>
- <div id="contactmeTab" class="tabContent">Contact Me: <a href="mailto:me@gmail.com">me@gmail.com</a></div>
- <div id="errorTab" class="tabContent">Something Isn't working.</div>
- </div>
- </body>
- </html>
Expand|Select|Wrap|Line Numbers
- function activateSection(section)
- {
- var home = document.getElementById("homeTab");
- var visitme = document.getElementById("visitmeTab");
- var contactme = document.getElementById("contactmeTab");
- var error = document.getElementById("errorTab");
- if (section == 'home')
- {
- home.style.display="block";
- visitme.style.display="none";
- contactme.style.display="none";
- error.style.display="none";
- }
- else if (section == 'visitme')
- {
- home.style.display="none";
- visitme.style.display="block";
- contactme.style.display="none";
- error.style.display="none";
- else if (section == 'contactme')
- {
- home.style.display="none";
- visitme.style.display="none";
- contactme.style.display="block";
- error.style.display="none";
- }
- else
- {
- home.style.display="none";
- visitme.style.display="none";
- contactme.style.display="none";
- error.style.display="block";
- }
- }
Many thanks!