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


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

    <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 == pageToActivate) ? 'block' : 'none';

        <a href="javascript:activateTab('page1')">Tab 1</a>
        <a href="javascript:activateTab('page2')">Tab 2</a>
    <div id="tabCtrl">
      <div id="page1" style="display: block;">Page 1</div>
      <div id="page2" style="display: none;">Page 2</div>
The linux coder.

Post Reply

Return to “Scripts & Bash”