Hiding and Disabling pop up icon

Question

Hi all,
I have two options on my page. First is "Select from pop up lov" and other is "type in". if user selects "typein", I want to hide popup lov icon (which i am able to do in javascript.) but if user uses keyboard tab then focus goes on pop up icon (which is right now hidden), which is kind of abusrd on interface.
Can anybody suggest something on this ?
Thanks a lot
pb

Answer 1

Hi all,
I have two options on my page. First is "Select from
pop up lov" and other is "type in". if user selects
"typein", I want to hide popup lov icon (which i am
able to do in javascript.) but if user uses keyboard
tab then focus goes on pop up icon (which is right
now hidden), which is kind of abusrd on interface.I did this exact thing except that I simply disabled the relevant controls based on the users choice of a radio button option.
Here's that script if you want to try this approach.
function showHideFields(iOption){
if (iOption == 1){
document.getElementById('P5_SEARCH_ORG_ID').disabled=false;
document.getElementById('P5_SEARCH_CONTACT_ID').disabled=false;
document.getElementById('P5_SEARCH_LNAME').disabled=true;
document.getElementById('P5_SEARCH_FNAME').disabled=true;
//document.getElementById('P5_SEARCH_EMP_ID').disabled=true;
}else
if(iOption == 2){
document.getElementById('P5_SEARCH_ORG_ID').disabled=true;
document.getElementById('P5_SEARCH_CONTACT_ID').disabled=true;
document.getElementById('P5_SEARCH_LNAME').disabled=false;
document.getElementById('P5_SEARCH_FNAME').disabled=false;
//document.getElementById('P5_SEARCH_EMP_ID').disabled=false;
}else {
document.getElementById('P5_SEARCH_ORG_ID').disabled=true;
document.getElementById('P5_SEARCH_CONTACT_ID').disabled=true;
document.getElementById('P5_SEARCH_LNAME').disabled=true;
document.getElementById('P5_SEARCH_FNAME').disabled=true;
//document.getElementById('P5_SEARCH_EMP_ID').disabled=true;
Obviously, you'll need to adjust the script to accomodate your page items.
Then on the radio button item there's a a call to onChange="javascript:showHideFields(this.value);"
Earl