I have written a javascript code for scrolling table row by row using Arrow Keys (up & down) using onKeyDown event. This code works fine in IE (on Windows Server 2003) but it didn't work in safari (MAC OS). In Safari when i press down or up key it generates keycode twice e.g. keycode=40 for down key and keycode=38 for up key. I want the exact keycodes for arrow keys, enter key, and space bar for Safari browser. Anyone has idea about problem???

usman

Key codes are the same on the Mac as they are on Windows. It's difficult to give you an answer without seeing the script. My guess is it is something else causing your script to fail.

Regards,
Rich

--
Author,
Beginning CSS: Cascading Style Sheets For Web Design
CSS Instant Results

http://www.catb.org/~esr/faqs/smart-questions.html

i am sending u the script for scrolling the table. it works fine in windows but not on MAC. might be u will get hint now
-------------------------script
I have generated a dynamic table in for loop

//in for loop
<tr class="<%=cls%>" id="row<%=rowNum%>" onmouseover="this.style.cursor='pointer'" onmouseout="this.style.cursor='default'" onKeyDown="checkUpDown(event,<%=rowNum%>);">
                                    <td width="30%" nowrap align="left" valign="middle" >
                                        <%=code%>
                                    </td>
                                    <td width="70%" nowrap align="left" valign="middle" >
                                        <%=desc%>
                                    </td>
                                </tr>
////////////////////////////////////////////////////////////////////////////////////////
function checkUpDown(ev,rowNum)
{



var kc = getKeyCode(ev);


if (kc==40) //DownScrolling
{
DownScrollNew(rowNum)
return
}


if (kc==38)
{
UpScrollNew(rowNum,rec); //up scrolling
return
}
///////////////////////////////function for down scrolling

function DownScrollNew(rowNum)
{

prevRowSelection(rowNum); // this function is used to change CSS class of previous row this function is defined below
rowNum=rowNum+1;
var nextRow=getObject("row" + rowNum);

if (nextRow!=null)
{
nextRow.cells[0].focus();
nextRow.className="tableRowSelect" //row color becomes blue
prevSelectedRow=rowNum;
}

if (nextRow==null)
{
rowNum=rowNum-1;
prevRowSelection(rowNum);
rowNum=-1;
nextRow=getObject("row" + 0);
nextRow.className="tableRowSelect"
nextRow.cells[0].focus();
prevSelectedRow=0;

}

}
///////////////////////////////////function for upScrolling
function UpScrollNew(rowNum)
{

prevRowSelection(rowNum);
rowNum=rowNum - 1;
var prevRow=getObject("row" + rowNum);

if (prevRow!=null)
{

    prevRow.cells[0].focus();
    prevRow.className="tableRowSelect"
    prevSelectedRow=rowNum;
}

if (prevRow==null)
{

    rowNum=0;
    prevRowSelection(rowNum);
    rowNum=rec;
    prevRow=getObject("row" + lastRowIndex); //suppose lastRowIndex=9 (i.e. Total 10 Rows in table)
    prevRow.cells[0].focus();
    prevRow.className="tableRowSelect"
    prevSelectedRow=rec;

}
}
//////////////////////////////prevRowSelection
function prevRowSelection(rowNum)
{
 var cls = "tableRowOdd"; // it converts row color to white
 var prevRow=getObject("row" + rowNum);
 if (prevRow !=null)
{
        if (rowNum % 2 == 0)
        {
        cls = "tableRowEven"; //it converts row color to pink
        prevRow.className=cls;
        }
        else
        {
        prevRow.className=cls
        }
     }
}
/////////////////////////////////////////


usman