Listing 1 

 

<SCRIPT LANGUAGE="Javascript">
var browserName=navigator.appName;
var browserVersion=parseInt(navigator.appVersion)
if (browserName=="Netscape") boolBrowser=true
else boolBrowser=false
var argX=0;
var arrayLink=new Array();
var toggle=true;
function displayMessage(message,backColor,top,left){
    this.message=message;
    this.backColor=backColor;
    this.top=top;
    this.left=left;
}
function dropdownOn(argX){
    toggle=false;
    if ((browserName=="Netscape" && browserVersion>=4) || 
    (browserName=="Microsoft Internet Explorer" && browserVersion>=4)){
        if (boolBrowser){
           with(arrayLink[argX]){
               document.layers['dropdown'].backColor=backColor;
               document.layers['dropdown'].document.writeln(message);
               document.layers['dropdown'].document.close();
               document.layers['dropdown'].top=top;
               document.layers['dropdown'].left=left;
           }
           document.layers['dropdown'].visibility="show";
        }
        else {
            with(arrayLink[argX])	{
              dropdown.innerHTML=message;
              dropdown.style.top=top;
              dropdown.style.left=left;
              dropdown.style.background=backColor;
           }
           dropdown.style.visibility="visible";
       }
    }
    return;
}
function dropdownOff(selectedValue){
     toggle=true;
     if (selectedValue!="")
         document.dropdownForm.dropdownColumn.value=selectedValue;
     if ((browserName=="Netscape" && browserVersion>=4) || 
        ( browserName=="Microsoft Internet Explorer" && browserVersion>=4)){
           if (boolBrowser) document.layers['dropdown'].visibility="hide";
           else dropdown.style.visibility="hidden";
      }
      return false;
}
arrayLink[0]=new displayMessage('<FORM NAME="selList"><SELECT name="selValue" SIZE=4 onchange="dropdownOff(document.sel
List.selValue.options[document.selList.selValue.selectedIndex].value);"><OPTION style="font-size: 8pt; color: red;" VALUE=""> Id  |  Name  |  State  <OPTION VALUE="P3109"> P3109 | Sonia Das | CA<OPTION VALUE="D0007"> D0007 | Doyel Datta | NJ<OPTION VALUE="J1011">J1011 | Bob Silverstone | VA<OPTION VALUE="S2101"> S2101 | Stephen Smith | MA</SELECT></FORM>','#ffff99',80,70)
</SCRIPT>

Listing 2


<DIV ID="dropdown" STYLE="position:absolute;visibility:hidden;WIDTH=70%">
</DIV>
<LAYER NAME="dropdown" VISIBILITY="hide" WIDTH=70%>
</LAYER>
<FORM NAME="dropdownForm">
<FONT COLOR=#660033 FACE="Verdana,Arial,Helvetica" SIZE="2">Code :  
<INPUT TYPE="text" NAME="dropdownColumn" size="5" maxlength="5">
<IMG SRC="downarrow.gif" ONMOUSEDOWN="if(toggle==true)
{ dropdownOn(0);return;} else {dropdownOff('')
;return;}">
</FORM>