Style

Forum rules
Before you post please read how to get help
Post Reply
User avatar
mrmajik45
Level 4
Level 4
Posts: 347
Joined: Tue Aug 29, 2017 9:51 pm
Location: USA, indiana
Contact:

Style

Post by mrmajik45 » Wed Dec 06, 2017 5:19 pm

Any way i can change the tab style on my website???
Copy this code and put it in a html file then run it.

Code: Select all

<html>
    <title>Aurons website</title>
 
<script type="text/javascript">
function activateTab(pageId) {
          var tabCtrl = document.getElementById('tabCtrl');
          var pageToActivate = document.getElementById(pageId);
          for (var i = 0; i < tabCtrl.childNodes.length; i++) {
              var node = tabCtrl.childNodes[i];
              if (node.nodeType == 1) { /* Element */
                  node.style.display = (node == pageToActivate) ? 'block' : 'none';
              }
          }
      }

    </script>
  </head>
  <body>
    <ul>
      <li>
        <a href="javascript:activateTab('page1')">Tab 1</a>
      </li>
      <li>
        <a href="javascript:activateTab('page2')">Tab 2</a>
      </li>
      ...
    </ul>
    <div id="tabCtrl">
      <div id="page1" style="display: block;">Page 1</div>
      <div id="page2" style="display: none;">Page 2</div>
</div>
</html>
ReactOS Donator ~ $5.00

Post Reply

Return to “Scripts & Bash”