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, i am using javascript code getting combo box. But in IE it is displaying with selected values but in FireFox insted of selected values it is displaying empty combo box. for displaying combo box values i am using following code pls tell me where is the mistake in the code

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;
}
}

thanking u

[dmjpro]

Try to use ....Option.

var combo_box = document.formname.obj_name;
combo_box.options.length = 0; //Empty.
combo_box.options[0] = new Option(value_0,text_0);
//-------
combo_box.options[n-1] = new Option(value_n_1,text_n_1);
 

now see the effect.

kind regards.
dmjpro.

[buss123]

Hi all i am using javascript function for displaying the combobox values but it is working in IE Fine, but in FireFox it is not displaying any values i am getting only blank combo box only.please help me too overcome the situvation my code follows as

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;
}
}

thanking u

[acoder]

All three threads merged.

See my reply. The add method must have two arguments for Firefox and standards-compliant browsers.

[buss123]

All three threads merged.

See my reply. The add method must have two arguments for Firefox and
standards-compliant browsers.

thanks for reply . , even though i use 2 parameter it is not working in firefox pls help me

Thanking u

[acoder]

Post your code. Remember you have to use null for the second argument as I posted earlier.

[buss123]

Post your code. Remember you have to use null for the second argument as I posted earlier.

here i am posting my code this also working in IE but not in FF 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;
try{
document.formmain(comboName).options.add(optn,null);
}
catch(ex){
document.formmain(comboName).options.add(optn);
}
document.formmain(comboName).options[document.formmain(comboName).length-1].selected=true;
}else{
document.formmain(comboName).value=comboValue;
}
}

[acoder]

Instead of

if(document.formmain(comboName).type=='select-one'){

try:

if(document.formmain[comboName].name=='select-one'){

Surely, you mean the name, not the type.

Perhaps you could post your form HTML as well as how you are calling this function.

[buss123]

Instead of

if(document.formmain(comboName).type=='select-one'){

try:

if(document.formmain[comboName].name=='select-one'){

Surely, you mean the name, not the type.

Perhaps you could post your form HTML as well as how you are calling this function.

hi ,
even i change it if(document.for mmain(comboName ).name=='select-one'){ no use same thing happening . here i am sending code how i am declaering and calling combobox

[HTML]<td width="40%" align="center" valign="center" >
<select name="medDirect ion<%=i%>" 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);"
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>
<option value="OD">OD</option>
</select>
</td>[/HTML]


for displaying these combo box values calling the method like this
<Script>
displayComboVal ues("medDirecti on0",'<%=_admin Bean.getMedDire ction()%>');
</Script>

pls tell me where is the problem

Thanking u

[acoder]

What's "select-one"? The type of a combo box is going to be "select".

Do you get any errors? If so, on what line?