Groups > microsoft.public.inetexplorer.scripting > #4

Re: Tabs in HTA

Newsgroups	microsoft.public.inetexplorer.scripting
Date	2020-03-13 20:01 -0700
References	<91E4B24C-2FD9-4CBD-92E1-73169259DFC6@microsoft.com> <L-idna0Z9uN6mIrVnZ2dnUVZ_tCrnZ2d@comcast.com>
Message-ID	<b95234d9-806d-4fbf-b846-481f633d34d2@googlegroups.com> (permalink)
Subject	Re: Tabs in HTA
From	cleif.cabatingan@gmail.com

Show all headers | View raw

On Tuesday, April 29, 2008 at 7:31:51 PM UTC+8, McKirahan wrote:
> "Like_Wise" <LikeWise@discussions.microsoft.com> wrote in message
> news:91E4B24C-2FD9-4CBD-92E1-73169259DFC6@microsoft.com...
> > Does anyone know if you can add Tabs to an HTA?  If so, could you provide
> an
> > example?  I just want to be able to have multiple input pages and I figure
> > tabs would be the best way to go.  Thanks in advance.
> 
> Will this help?  Watch for word-wrap.
> 
> <html>
> <head>
> <title>Tabs.hta</title>
> <HTA:Application
>  ID = "HTA"
>  ApplicationName = "Tabs"
>  Border = "thin"
>  BorderStyle = "normal"
>  Caption = "yes"
>  ContextMenu="yes"
>  Icon = ""
>  InnerBorder="no"
>  MaximizeButton = "yes"
>  MinimizeButton = "yes"
>  Navigable="yes"
>  Scroll="yes"
>  SrollFlat="no"
>  Selection="yes"
>  ShowInTaskBar = "yes"
>  SingleInstance = "yes"
>  SysMenu = "yes"
>  Version = "1.0"
>  WindowState = "maximize"
> >
> <script type="text/javascript">
> self.moveTo(0,0);
> self.resizeTo(800,600);
> var panels = new Array("","panel1","panel2","panel3","panel4","panel5");
> function panel(tab) {
>     for (i=1; i<panels.length; i++) {
>         if (i == tab) {
>             document.getElementById("tab"+i).className = "tabs tabs1";
>             document.getElementById("panel"+i).style.display = "block";
>         } else {
>             document.getElementById("tab"+i).className = "tabs tabs0";
>             document.getElementById("panel"+i).style.display = "none";
>         }
>     }
> }
> </script>
> <style type="text/css">
>  body,td,th { font-family:Arial }
> .head { font-size:110%; font-weight:bold }
> .panel {
>   background-color: white;
>   border: solid 1px black;
>   height: 410px;
>   padding: 5px;
>   position: relative;
>   width: 650px;
>   z-index: 0;
> }
> .tabs {
>   border-collapse: collapse;
>   color: black;
>   cursor: pointer;
>   cursor: hand;
>   font-family: arial;
>   font-size: 9pt;
>   font-weight: bold;
>   margin-top: 4px;
>   padding: 2px 4px 0px 4px;
>   position: relative;
>   text-align: center;
>   text-decoration: none;
>   z-index: 1;
> }
> .tabs0 {
>   background-color: wheat;
>   border: solid 1px black;
> }
> .tabs1 {
>   background-color: white;
>   border-color: black black white black;
>   border-style: solid solid solid solid;
>   border-width: 1px 1px 1px 1px;
> }
> </style>
> </head>
> <body>
> <table align="center" border="0" cellpadding="0" cellspacing="0"
> width="650">
> <tr valign="top">
>   <td align="right" colspan="2">
>     <span class="head">Tabs in HTA!</span> &nbsp; &nbsp;
>     <br>
>   </td>
> </tr>
> <tr valign="top">
>   <td colspan="2">
>     &nbsp; <span class="tabs tabs1" id="tab1" onclick="panel(1)">Tab
> 1</span>
>     &nbsp; <span class="tabs tabs0" id="tab2" onclick="panel(2)">Tab
> 2</span>
>     &nbsp; <span class="tabs tabs0" id="tab3" onclick="panel(3)">Tab
> 3</span>
>     &nbsp; <span class="tabs tabs0" id="tab4" onclick="panel(4)">Tab
> 4</span>
>     &nbsp; <span class="tabs tabs0" id="tab5" onclick="panel(5)">Tab
> 5</span>
>     <div class="panel" id="panel1" style="display:block">
>       <hr color="black">
>         <table border="0" width="100%">
>         <tr valign="top">
>           <td>
>             <span class="head">This is Tab 1.</span>
>             <br><br>
>             Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
>           </td>
>         </tr>
>         </table>
>     </div>
>     <div class="panel" id="panel2" style="display:none">
>       <hr color="black">
>         <table border="0" width="100%">
>         <tr valign="top">
>           <td>
>             <span class="head">This is Tab 2.</span>
>             <br><br>
>             Maecenas eget massa. Nam auctor. Proin blandit.
>           </td>
>         </tr>
>         </table>
>     </div>
>     <div class="panel" id="panel3" style="display:none">
>       <hr color="black">
>         <table border="0" width="100%">
>         <tr valign="top">
>           <td>
>             <span class="head">This is Tab 3.</span>
>             <br><br>
>             Phasellus mollis iaculis justo. Nullam arcu.
>           </td>
>         </tr>
>         </table>
>     </div>
>     <div class="panel" id="panel4" style="display:none">
>       <hr color="black">
>         <table border="0" width="100%">
>         <tr valign="top">
>           <td>
>             <span class="head">This is Tab 3.</span>
>             <br><br>
>             Phasellus lobortis elit a lacus.
>         </tr>
>         </table>
>     </div>
>     <div class="panel" id="panel5" style="display:none">
>       <hr color="black">
>         <table border="0" width="100%">
>         <tr valign="top">
>           <td>
>             <span class="head">This is Tab 5.</span>
>             <br><br>
>             Nunc commodo libero vitae magna.
>           </td>
>         </tr>
>         </table>
>     </div>
>   </td>
> </tr>
> </table>
> </body>
> </html>

do we have a vertical tabs?

Back to microsoft.public.inetexplorer.scripting | Previous | Find similar

Thread

Re: Tabs in HTA cleif.cabatingan@gmail.com - 2020-03-13 20:01 -0700

csiph-web