Style

Forum rules
Before you post please read how to get help
Post Reply
User avatar
mrmajik45
Level 4
Level 4
Posts: 411
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 | Linux Mint Donator ~ $1.00 in BTC

User avatar
T_Characht3r
Level 1
Level 1
Posts: 29
Joined: Fri Sep 21, 2018 8:58 pm

Re: Style

Post by T_Characht3r » Mon Nov 12, 2018 3:47 pm

Do you mean change the Tab icon? You can only change the Tab style from your browser preferences.
Don't 'Wine' about emulating Windows. if your problem has been solved, please edit your original post and add [SOLVED] to the beginning of the Subject Line.

Post Reply

Return to “Scripts & Bash”