Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    JavaScript Menus

    I inherited an html page and need to change one of the menu items from a link to a cascading or drop down menu with three options, links to other web pages. The red code below is what I need to change. I'm just learning javascripts and don't quite know which way to go with this. Thanks in advance for taking the time to read this.


    <html>

    <head>
    <title>Admn Links Tabs</title>
    <script language="Javascript">
    <!--

    function loadframes(opt) {
    htm ="-ad.htm";
    frm1="hrchoice" + opt + htm;
    frm2="/ibi_apps/WFServlet?IBIF_ex=hrdefault&IBIAPP_app=hrdev&RGRP=" + opt;
    window.open(frm1,'choices');
    window.open(frm2,'main');
    }

    //-->
    </script>
    <STYLE>
    .bar {
    FONT-SIZE: 12px; TEXT-TRANSFORM: none; COLOR: #FF6500; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none; align:top;
    }
    .wht {
    FONT-SIZE: 10px; TEXT-TRANSFORM: none; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none; vertical-align:middle;
    }
    .choice {
    FONT-SIZE: 14px; TEXT-TRANSFORM: none; COLOR: #FF6500; FONT-WEIGHT: bold; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none; align:top;
    }
    A.choice:hover {
    FONT-SIZE: 14px; background-color: #FF6500; COLOR: #31107B; font-weight: bold;
    }
    A.choice:active {
    FONT-SIZE: 16px; background-color: #FF6500; COLOR: #31107B; TEXT-DECORATION: none
    }
    </STYLE>
    <base href="http://hr.tax.company.com/approot/hrdev/">
    <style fprolloverstyle>A:hover {color: red; font-weight: bold}
    </style>
    </head>

    <body bgcolor="#31107B" text="#FFFFFF">
    <table width="91%" cellpadding="0" cellspacing="5" border="0" align="top">
    <tr>
    <td width="12%" align="center" valign="top">
    <a class=choice href="javascript:loadframes('1')" onfocus="if(this.blur)this.blur()">
    <font face="Arial" style="font-size: 11pt">Detail Lists</font></a><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
    </font>
    </td>
    <td width="2%" align="center" valign="top">
    <font class=bar face="Arial" style="font-size: 11pt">|</font><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
    </font>
    </td>
    <td width="20%" align="center" valign="top">
    <a class=choice href="javascript:loadframes('2')" onfocus="if(this.blur)this.blur()">
    <font face="Arial" style="font-size: 11pt">Counts & Summaries</font></a><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
    </font>
    </td>
    <td width="1%" align="center" valign="top">
    <font class=bar face="Arial" style="font-size: 11pt">|</font><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
    </font>
    </td>
    <td width="13%" align="center" valign="top">
    <a class=choice href="javascript:loadframes('3')" onfocus="if(this.blur)this.blur()">
    <font face="Arial" style="font-size: 11pt">Administrative</font></a><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
    </font>
    </td>
    <td width="1%" align="center" valign="top">
    <font color="#FF6500" face="Arial" style="font-size: 11pt; font-weight: 700">|
    </font>
    </td>
    <td width="10%" align="center" valign="top">
    <p align="center"><font style="font-size: 11pt; font-weight: 700" face="Arial">
    <a target="_blank" href="http://hr.tax.company.com/approot/hrdev/info_lookup.htm?Comat=http://hr-apps.corp.company.com/AddrLocator/">
    <font style="font-size: 11pt; text-decoration: none" color="#FF6500">Info Lookup</font></a><font color="#FF6500" style="font-size: 11pt"> </font>
    </font></td>
    <td width="1%" align="center" valign="top">
    <font color="#FF9933" face="Arial" style="font-size: 11pt; font-weight: 700">|
    </font>
    </td>
    <td width="6%" align="center" valign="top">
    <p align="center">
    <a class="choice" onfocus="if(this.blur)this.blur()" target="_top" href="http://hr.tax.company.com/pv/index.htm">
    <font face="Arial" style="font-size: 11pt">Home</font></a></td>
    <td width="1%" align="center" valign="top">
    <p align="center">
    <font face="Arial" style="font-size: 11pt; ">
    <a class="choice" onfocus="if(this.blur)this.blur()" target="_top" href="http://hr.tax.company.com/pv/index.htm">
    |
    </a>
    </font>
    </td>
    <td width="15%" align="center" valign="top">
    <p align="center"><font face="Arial" style="font-size: 11pt">
    <a class="choice" onfocus="if(this.blur)this.blur()" target="_blank" href="http://hr.tax.company.com/approot/hrdev/Pv_Security_Models.xls">Security Models</a></font></td>
    <td width="1%" valign="top">
    <font class=bar face="Arial" style="font-size: 11pt">|</font></td>
    <td width="6%" valign="top">
    <font face="Arial" style="font-size: 11pt">
    <a class=choice href="/ibi_apps/WFServlet?IBIF_ex=hrlogoff&IBIAPP_app=hr"
    onfocus="if(this.blur)this.blur()" target="_top">
    Logout</a>&nbsp;&nbsp;&nbsp; </font></td>
    <td width="1%" align="center" valign="top">
    <font class=bar face="Arial" style="font-size: 11pt">|</font><font face="Arial" style="font-size: 11pt; font-weight: 700" color="#FF6500">
    </font>
    </td>
    </tr>
    </table>
    </body>

    </html>
    Last edited by theladyd; 11-03-2006 at 06:45 PM. Reason: change title


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •