URGENT Help needed on JavaScript.

Hi,

I have a javascript which works on Mozilla, Netscape 7.0 and IE. But it doesnt work on Netscape 4.8. I have pasted my code below. Any help is appreciated.

Thanks
Praveen

NOTE: Please do a global change "<" and ">"

<HTML> 
<HEAD> 
<TITLE>Call Tracing</TITLE> 
<SCRIPT LANGUAGE="JavaScript"> 
 
 //Check the selection from create form 
 function CheckSelection(selObj){ 
 var doc_length = document.CREATE_TRACE.length 
 var sel_item_index = document.CREATE_TRACE.elements[0].selectedIndex; 
 
 sel_list = new Array(4); 
 sel_list = ["ANI","DNIS","Resource_Group","Line"]; 
 var sel_item = sel_list[sel_item_index];
 var sel_len = sel_list.length; 
 alert("sel_item value is " + sel_item);
 alert("number of elements = " + document.CREATE_TRACE.elements.length);
 
 for (z=0;z<document.CREATE_TRACE.elements.length;z++) {
     alert("name of element " + z +" = " + document.CREATE_TRACE.elements[z].name);
     //alert("style of element " + z +" = " + document.CREATE_TRACE.elements[z].style.display);
 } 
 
 //Initialize display to none 
 for (i=0;i<sel_len;i++){ 
  document.getElementById(sel_list[i]).style.display="none"; 
  document.getElementById("txt"+sel_list[i]).style.display="none"; 
 } 
 
 //Go thru all the elements in the form and display what is selected 
 for (i=0;i<doc_length;i++){ 
  for (j=0;j<sel_len;j++){ 
   if (sel_list[j] == sel_item){ 
    document.getElementById(sel_list[j]).style.display=""; 
    document.getElementById("txt"+sel_list[j]).style.display=""; 
    if (sel_item == sel_list[3]) { 
     document.getElementById(sel_list[2]).style.display=""; 
     document.getElementById("txt"+sel_list[2]).style.display=""; 
    } 
    break; 
   } 
  } 
 } 
  } 
 
  //check the Lastname, Firstname and Nickname to popup a warning   
  function chkFields() { 
   //0-Selection   
   //1-ANI   
   //2-DNIS   
   //3-Resource Group   
   //4-Line   
   var selection = document.getElementById("Selection").value; 
   var sel_item_val; 
    
   if (selection == "Line") { 
    sel_item_val = document.getElementById(selection).value; 
    if (sel_item_val.length != 0) { 
     if (document.getElementById("Resource_Group").value.length != 0) { 
      if (printAlert(selection, sel_item_val) == true){   
        if (checkRange(sel_item_val,1,30) == false){   
          alert("Line ranges from 1-30");   
          return false;   
        }   
      } 
     } else { 
      alert ("Please enter a value for \"Resource_Group\" before you submit"); 
      return false; 
     } 
    } else { 
     alert ("Please enter a value for \""+selection+"\" before you submit"); 
     return false; 
    } 
   } else { 
    sel_item_val = document.getElementById(selection).value; 
    if (sel_item_val.length != 0) { 
     if ((selection == "ANI") && (sel_item_val.length > 0 && sel_item_val.length < 7 )) { 
      alert ("ANI should be at least 7 digits"); 
      return false; 
     } 
     return printAlert(selection, sel_item_val);   
    } else { 
     alert ("Please enter a value for \""+selection+"\" before you submit"); 
     return false; 
    } 
   } 
  } 
 
  //printAlert 
  function printAlert(name, checkString){ 
 if (checkNumber(checkString)== false){ 
  alert("Enter only numerics for " + name); 
  return false; 
 } else { 
  return true; 
 } 
  } 
  //check range 
  function checkRange(sel_item_val, minVal, maxVal){ 
 if (sel_item_val >= minVal && sel_item_val <= maxVal) { 
   return true; 
 } else { 
  return false; 
 } 
  } 
 
  // check for Numbers 
  function checkNumber(checkstring){ 
   var flag = true; 
 for(i=0; i < checkstring.length; i++ ) { 
  ch = checkstring.substring(i, i+1); 
  if (chkChar(ch) == true){ 
   continue; 
  } else { 
   flag=false; 
  } 
 } 
 return(flag); 
  } 
   
  //Check to see if the character is a number 
  function chkChar(ch){ 
 num = parseInt(ch); 
 if (num >= 0 && num <= 9) { 
        return(true); 
    } else { 
     return (false); 
    }   
  } 
 
    function RaiseButton(Name,Img) { 
 var tmpHref = "/"+Img+"1.gif" 
 document.images[Name].src=tmpHref 
    } 
    function LowerButton(Name,Img) { 
 var tmpHref = "/"+Img+"2.gif" 
 document.images[Name].src=tmpHref 
    } 
    function HelpWin(Location,Name,Img) { 
 var tmpHref = "/"+Img+"1.gif" 
 document.images[Name].src=tmpHref 
 win = open("/help-cgi/help_makewin.cgi?smc_call&"+Location,"","resizable=1","menubar=0") 
 win.focus() 
    } 
 
</SCRIPT> 
</HEAD> 
<STYLE TYPE="text/css">
  div {
     display: none;
  }
</STYLE>
<BODY><CENTER>
 <TABLE BORDER="0" WIDTH="75%" BORDERCOLOR="#000000" CELLPADDING="0" CELLSPACING="0">
  <TBODY>
   <TR>
    <TH align="center"><H1>Create Call Trace Request</H1></TH>
   </TR>
 
  </TBODY>
 </TABLE>
 <FORM name="CREATE_TRACE"action="http://miles/web/smc_sc_call_trace.cgi" method="POST"> 
 
<TABLE border="0" width="75%" BORDERCOLOR="#000000" cellpadding="0" cellspacing="0"> 
 <TBODY> 
  <TR width="50%"> 
   <TD colspan="2" width="40%"><FONT SIZE="4">Select the Parameter to set the Trace</FONT></TD> 
   <TD colspan="2" width="2%"></TD> 
   <TD colspan="2" width="20%"> 
    <SELECT id="select1" name="Selection" onchange="CheckSelection(this)"> 
     <OPTION value="ANI" SELECTED>ANI</OPTION> 
     <OPTION value="DNIS">DNIS</OPTION> 
     <OPTION value="Resource_Group">Resource Group</OPTION> 
     <OPTION value="Line">Line</OPTION> 
    </SELECT> 
   </TD> 
   <TD colspan="2" width="40%"></TD> 
  </TR> 
  <TR width="50%"> 
   <TD colspan="2" width="40%"><FONT SIZE="4"> 
                               <A id=txtANI style="DISPLAY: ">ANI</A> 
                               <A id=txtDNIS style="DISPLAY: none">DNIS</A> 
                               <A id=txtResource_Group style="DISPLAY: none">Resource Group</A><BR> 
                               <A id=txtLine style="DISPLAY: none">Line</A> 
                        </FONT></TD> 
   <TD colspan="2" width="2%"></TD> 
   <TD colspan="2" width="20%"> 
    <INPUT name="ANI" type="text" id="ANI1" style="display: " maxlength="10" SIZE="15"> 
    <INPUT name="DNIS" type="text" id="DNIS" style="display: none" maxlength="10" SIZE="15"> 
    <INPUT name="Resource_Group" type="text" id="Resource_Group" style="display: none" SIZE="15"><BR> 
    <INPUT name="Line" type="text" id="Line" style="display: none" maxlength="2" SIZE="15"> 
   </TD> 
   <TD colspan="2" width="40%"></TD> 
                        
                </TR> 
  <TR width="50%"> 
   <TD colspan="2" width="30%"></TD> 
   <TD colspan="2" width="2%"></TD> 
   <TD width="16%"><INPUT type="hidden" name="Type" value="create">  
 
 
<INPUT type="hidden" name="location" value="Annapolis">
<INPUT type="hidden" name="LG" value="SWIT">
<INPUT type="submit" name="submit" value="Create" >
</TD><TD width="50%">
</TD>
</TR>
</TBODY>
</TABLE><HR></FORM></CENTER>
</BODY>
</HTML>

[Added code tags - eric]
[ August 25, 2004: Message edited by: Eric Pascarello ]

I persoanally would not waste my tiume with Netscape 4 since it is an outdated browser that does not support any new methods in DOM, it lacks CSS support, etc.

http://www.yourhtmlsource.com/javascript/advanceddoms.html

So if you want to waste the rest of you day with conditional statements converting things to layer object then you can do that.

Eric

Thanks for your response. But I had to do this as one of our customer uses the legacy browser. So there is no choice for me. Can some one please help me.

That link shows you the layer tag. I bet that is what you are going to have to deal with.

I do not think they have the style attribute either and I do not think display is supported.

I have not coded for Netscape 4 in over a year so I do not remember all of the little things that it does not support.

You might be better off detecting the browser and using a different script.
It will save you from having the modern browsers having to sort through all of the junk that you are going to have to create for this browser.

Start your code off in small chunks and see if you can get it to work. Converting the whole thing in one chunk will not work.

Eric

Perhaps a simpler solution would be to point your customer to Netscape's site where they can download the latest browser, with all its new features, for free. I'm sure that your customer must be pretty frustrated already that a large proportion of sites he visits look awful, or don't work at all, in his browser of choice...

Personally I believe that would be time better spent than coding specially for one customer who uses Netscape 4. It shouldn't be a hard sell. You have a choice.

Jules