The page below could be pre-populated from the call to your script.
<html> <head> <title> Tabs Example </title> <script> function setVisible(tabName){ var tabsNames=["PersonalTab", "AddressTab", "CommentsTab"]; for (index=0;index < 3; index++){ var tab=document.getElementById(tabsNames[index]); tab.style.display = "none"; } var tab= document.getElementById(tabName); tab.style.display = "block"; } </script> </head> <body> <div name="tabs"> |<span id="Personal" onClick='setVisible("PersonalTab");' >Personal</s +pan>| <span id="Address" onClick='setVisible("AddressTab");' >Address</span> +| <span id="Comments" onClick='setVisible("CommentsTab")'; >Comments</sp +an>| </div> <div id="PersonalTab" style="display: block;"> <table> <tr><td>Name:</td><td>Some Guy</td></tr> <tr><td>Age:</td><td>42</td></tr> <tr><td>Status:</td><td>Married</td></tr> </table> </div> <div id="AddressTab" style="display: none;"> <table> <tr><td>email:</td><td>some.guy@example.com</td></tr> <tr><td>Home:</td><td>42 Life St<br/>The universe<br/>Everthing</td></ +tr> <tr><td>Work:</td><td>I'm afraid you still have to</td></tr> </table> </div> <div id="CommentsTab" style="display: none;"> <table> <tr><td>Punctuality:</td><td>Not too bad unless there was a match on s +unday in which case moday can start late</td></tr> <tr><td>Application:</td><td>Seems to spend more time solving anonymou +s Perl problems than those of our customers</td></tr> <tr><td>Skill:</td><td>What is it with Perl and why won't he apply him +self to Java like he's supposed to</td></tr> </table> </div> </body> </html>
However this is properly a Javascript rather than a Perl issue
print "Good ",qw(night morning afternoon evening)[(localtime)[2]/6]," fellow monks."

In reply to Re: multi tabbed CGI.pm form by Utilitarian
in thread multi tabbed CGI.pm form by Sanjay

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":



  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.