Combo box code is Working in IE perfectly but it is not working in FireFox

[buss123]

Hi all,
combo box script code was working in IE perfectly with all modes but OnChange event was not working in FireFox(editabl e mode, if we select valuese that combo box values r not dislaying if enter the data the it is inserting properly) javascript code follows

pls help me to solve this problem

  function fnKeyDownHandler(getdropdown, e)
  {
    fnSanityCheck(getdropdown);
 
    var vEventKeyCode = FindKeyCode(e);
    if(vEventKeyCode == 37)
    {
    fnLeftToRight(getdropdown);
    }
    if(vEventKeyCode == 39)
    {
    fnRightToLeft(getdropdown);
    }
    if(vEventKeyCode == 46)
    {
    fnDelete(getdropdown);
    }
 
    if(vEventKeyCode == 8 || vEventKeyCode==127)
    {
    if(e.which) 
    {
 
    }
    else 
    {
 
      e.keyCode = '';
      if(window.event.keyCode)
      {
      window.event.keyCode = '';
      }
    }
    return true;
    }
 
  }
 
  function fnLeftToRight(getdropdown)
  {
    getdropdown.style.direction = "ltr";
  }
 
  function fnRightToLeft(getdropdown)
  {
    getdropdown.style.direction = "rtl";
  }
 
  function fnDelete(getdropdown)
  {
    if(getdropdown.options.length != 0)
 
    {
    if (getdropdown.options.selectedIndex == vEditableOptionIndex_A)
 
    {
      getdropdown.options[getdropdown.options.selectedIndex].text = '';
 
    }
    }
  }
  function FindKeyCode(e)
  {
    if(e.which)
    {
    keycode=e.which; 
    }
    else
    {
    keycode=e.keyCode; 
    }
    return keycode;
  }
 
  function FindKeyChar(e)
  {
    keycode = FindKeyCode(e);
    if((keycode==8)||(keycode==127))
    {
    character="backspace"
    }
    else if((keycode==46))
    {
    character="delete"
    }
    else
    {
    character=String.fromCharCode(keycode);
    }
 
    return character;
  }
 
  function fnSanityCheck(getdropdown)
  {
    if(vEditableOptionIndex_A>(getdropdown.options.length-1))
    {
    alert("PROGRAMMING ERROR: The value of variable vEditableOptionIndex_... cannot be greater than (length of dropdown - 1)");
    return false;
    }
  }
  var vEditableOptionIndex_A = 0;
 
  var vEditableOptionText_A = "--?--";
 
 
 
  var vPreviousSelectIndex_A = 0;
 
  var vSelectIndex_A = 0;
 
  var vSelectChange_A = 'MANUAL_CLICK';
 
 
  function fnChangeHandler_A(getdropdown)
  {
    fnSanityCheck(getdropdown);
 
    vPreviousSelectIndex_A = vSelectIndex_A;
 
    vSelectIndex_A = getdropdown.options.selectedIndex;
 
 
    if ((vPreviousSelectIndex_A == (vEditableOptionIndex_A)) && (vSelectIndex_A != (vEditableOptionIndex_A))&&(vSelectChange_A != 'MANUAL_CLICK'))
 
    {
      getdropdown[(vEditableOptionIndex_A)].selected=true;
      vPreviousSelectIndex_A = vSelectIndex_A;
      vSelectIndex_A = getdropdown.options.selectedIndex;
      vSelectChange_A = 'MANUAL_CLICK';
 
    }
  }
 
  function fnKeyPressHandler_A(getdropdown, e)
  {
    fnSanityCheck(getdropdown);
 
    keycode = FindKeyCode(e);
    keychar = FindKeyChar(e);
 
 
 
    if ((keycode>47 && keycode<59)||(keycode>62 && keycode<127) ||(keycode==32) ||(keycode==46))
    {
      var vAllowableCharacter = "yes";
    }
    else
    {
      var vAllowableCharacter = "no";
    }
    if(getdropdown.options.length != 0)
      if (getdropdown.options.selectedIndex == (vEditableOptionIndex_A))
            {
        var vEditString = getdropdown[vEditableOptionIndex_A].text;
        if((vAllowableCharacter == "yes")||(keychar=="backspace"))
        {
          if (vEditString == vEditableOptionText_A)
            vEditString = "";
        }
        if (keychar=="backspace")
 
        {
          vEditString = vEditString.substring(0,vEditString.length-1);
 
          vSelectChange_A = 'MANUAL_CLICK';
                 }
        if (vAllowableCharacter == "yes")
 
        {
          vEditString+=String.fromCharCode(keycode);          
          var i=0;
          var vEnteredChar = String.fromCharCode(keycode);
          var vUpperCaseEnteredChar = vEnteredChar;
          var vLowerCaseEnteredChar = vEnteredChar;
          if(((keycode)>=97)&&((keycode)<=122))
 
            vUpperCaseEnteredChar = String.fromCharCode(keycode - 32);
 
          if(((keycode)>=65)&&((keycode)<=90))
 
            vLowerCaseEnteredChar = String.fromCharCode(keycode + 32);
 
          if(e.which) 
          {
 
            for (i=0;i<=(getdropdown.options.length-1);i++)
            {
              if(i!=vEditableOptionIndex_A)
              {
                var vReadOnlyString = getdropdown[i].text;
                var vFirstChar = vReadOnlyString.substring(0,1);
                if((vFirstChar == vUpperCaseEnteredChar)||(vFirstChar == vLowerCaseEnteredChar))
                {
                  vSelectChange_A = 'AUTO_SYSTEM';
 
                  break;
                }
                else
                {
                  vSelectChange_A = 'MANUAL_CLICK';
 
                }
              }
            }
          }
        }
 
 
        getdropdown.options[vEditableOptionIndex_A].text = vEditString;
 
        getdropdown.options[vEditableOptionIndex_A].value = vEditString; //Use this line only if want to change the internal value too; else this line is not required.
 
        return false;
      }
    return true;
  }
 
  function fnKeyUpHandler_A(getdropdown, e)
  {
    fnSanityCheck(getdropdown);
 
    if(e.which) 
    {
      if(vSelectChange_A == 'AUTO_SYSTEM')
      {
 
        getdropdown[(vEditableOptionIndex_A)].selected=true;
      }
 
      var vEventKeyCode = FindKeyCode(e);
 
      if((vEventKeyCode == 37)||(vEventKeyCode == 39))
      {
        getdropdown[vEditableOptionIndex_A].selected=true;
      }
    }
  }

Please post code using code tags - moderator

pls help me i am not able to do this

[buss123]

hi all,
this is sivakumar, i am using javascript function for displaying the values but it is working well in IE fine but that function was not working in Firefox Please help me to solve the above situvation . code follows as below


function displayComboVal ues(comboName,c omboValue){
if(document.for mmain(comboName ).type=='select-one'){
var optn = document.create Element("OPTION ");
optn.text = comboValue;
optn.value = comboValue;
document.formma in(comboName).o ptions.add(optn );
document.formma in(comboName).o ptions[document.formma in(comboName).l ength-1].selected=true;
}else{
document.formma in(comboName).v alue=comboValue ;
}
}

pls help me to overcome this situvation

[iam_clint]

I need to see the form also

[buss123]

Hi all,
i am using javascript function for displaying the values in the edit mode. it was working fine in the IE but not working in the Firefox pls help me to display the values in the both IE and Firefox .

my code follws

function displayComboValues(comboName,comboValue){
if(document.formmain(comboName).type=='select-one'){
var optn = document.createElement("OPTION");
optn.text = comboValue;
optn.value = comboValue;
document.formmain(comboName).options.add(optn);
document.formmain(comboName).options[document.formmain(comboName).length-1].selected=true;
    }else{
document.formmain(comboName).value=comboValue;
}
}

pls help me to overcome this situvation

[buss123]

I need to see the form also

<script language=javasc ript src='../jsp/DropDowns.js'></script>


<td width="65%" align="center" valign="center" >
<select name="medDirect ion0" style="font-family:Verdana; font-size: 8pt; color: #000000;border: 0px solid #666666 ; BORDER-WIDTH: 1px; BORDER-STYLE: inset; width:500px" class="subvalue " onKeyDown="fnKe yDownHandler(th is, event);" onKeyUp="fnKeyU pHandler_A(this , event); return false;" onKeyPress = "return fnKeyPressHandl er_A(this, event);" onChange="fnCha ngeHandler_A(th is, event);" onChange="fnCha ngeHandler_A(th is, event);" value="<jsp:get Property name="_adminBea n" property="medDi rection"/>">
<option value=""></option>
<option value="AC">AC</option>
<option value="BID">BID </option>
<option value="GT">GT</option>
<option value="HS">HS</option>

</select>



<Script>
displayComboVal ues("medDirecti on0",'<%=_admin Bean.getMedDire ction()%>');
</Script>

</td>


hi above three satements r using for displaying the combo box values displayComboVal ues("medDirecti on0",'<%=_admin Bean.getMedDire ction()%>');
</Script>

this method was working in the IE but it is not working in the Firefox . in Firefox the selected combobox values r displaying empty. displayComboVal ues()method code yesterday i posted already .


pls help me to overcome this situvation

Regards
SivaKumar

[buss123]

<script language=javasc ript src='../jsp/DropDowns.js'></script>


<td width="65%" align="center" valign="center" >
<select name="medDirect ion0" style="font-family:Verdana; font-size: 8pt; color: #000000;border: 0px solid #666666 ; BORDER-WIDTH: 1px; BORDER-STYLE: inset; width:500px" class="subvalue " onKeyDown="fnKe yDownHandler(th is, event);" onKeyUp="fnKeyU pHandler_A(this , event); return false;" onKeyPress = "return fnKeyPressHandl er_A(this, event);" onChange="fnCha ngeHandler_A(th is, event);" onChange="fnCha ngeHandler_A(th is, event);" value="<jsp:get Property name="_adminBea n" property="medDi rection"/>">
<option value=""></option>
<option value="AC">AC</option>
<option value="BID">BID </option>
<option value="GT">GT</option>
<option value="HS">HS</option>

</select>



<Script>
displayComboVal ues("medDirecti on0",'<%=_admin Bean.getMedDire ction()%>');
</Script>

</td>


hi above three satements r using for displaying the combo box values displayComboVal ues("medDirecti on0",'<%=_admin Bean.getMedDire ction()%>');
</Script>

this method was working in the IE but it is not working in the Firefox . in Firefox the selected combobox values r displaying empty. displayComboVal ues()method code yesterday i posted already .


pls help me to overcome this situvation

Regards
SivaKumar

Sir form meens total form section in the jsp page?

[acoder]

Where do you get the error? What errors do you see?

I'm assuming you see the error on the "add" method.

See this thread.

Also, see the source on this link (see comments - add with one argument is IE-only, not standard-compliant)

[acoder]

Just noticed the duplicate thread. I've merged the threads. Please do not double-post.

[buss123]

Hi all ,
i am new to javascript the following function is working IE well but it is not working in FireFox pls help me to solve this problem it is very urgent for me. Pls help me

my code follows

function displayComboValues(comboName,comboValue){
if(document.formmain(comboName).type=='select-one'){
var optn = document.createElement("OPTION");
optn.text = comboValue;
optn.value = comboValue;
document.formmain(comboName).options.add(optn);
document.formmain(comboName).options[document.formmain(comboName).length-1].selected=true;
    }else{
document.formmain(comboName).value=comboValue;
}
}

[acoder]

The add method should have two arguments.

The standards compliant way would be:

options.add(optn, null);

Unfortunately, this doesn't work in IE, so you would have to use the following code:

try {
  document...options.add(optn, null); // standards compliant
} catch(ex) {
    ...options.add(optn); // IE
  }