Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jun 2004
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    need solution for netscape

    hi there, this is my first posting in this forum. hope i wud get the answer of my question.

    please look at the the online version of my page.
    http://www.geocities.com/mehtajigar/row.html

    after page loads u'll notice a row getting highlited with black background. so when u use ur up and down arrow keys of ur keyboard, u'll notice the highlighted row will move up and down. if it dosnt move then try to click on the table and then do it. so this works fine in internet explorer but its not working on netscape 6 and above. so if u come up with the solution pls let me knw. i have tried many times but all in vein. so hope u can do it.

    regards,
    cybersip

  • #2
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    11,075
    Thanks
    0
    Thanked 256 Times in 252 Posts

    Our proxy blocks geocities sites, so ...

    Can you attach the codes or post the related scripts here?

    I'm quite certain that you were accessing the global event object of IE rather than the event object pass by event handlers. And also probably you're using event.srcElement, the counterpart for NS/Moz is e.target where e is the event object passed by the handler.
    Code:
    function hilite(evt){
       if (!evt) evt = event;
       var el = (evt.srcElement) ? evt.srcElement : evt.target;
       ...
    }
    
    document.onkeydown = hilite;
    I might be wrong. It's just an educated guess.
    Glenn
    ____________________________________

    My Blog
    Tower of Hanoi Android app (FREE!)
    Tower of Hanoi Leaderboard
    Samegame Facebook App
    vBulletin Plugins
    ____________________________________

  • #3
    New to the CF scene
    Join Date
    Jun 2004
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hello there, sorry for the late reply.. im posting my code here its very big one as it has everything in it like css and javascript. hope u may have a solution to my problem.
    just move ur keys up and down. it works in i.e 5+ perfectly but in netscape 6+ it dosnt.

    /* heres the html code */

    <HTML><HEAD>
    <TITLE>Worklist</TITLE>
    <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
    <style type="text/css">
    .smallbody { color:333333; font: normal 10px "arial", "Verdana" , "geneva", "helvetica" }
    .body { color:333333; font: normal 11px "arial", "Verdana" , "geneva", "helvetica" }
    .boldbody { color:333333; font: bold 11px "arial", "Verdana" , "geneva", "helvetica" }
    .whitebody { color:ffffff; font: normal 11px "arial", "Verdana" , "geneva", "helvetica" }

    .header { color:#7B0C29; font: bold 21px "arial", "Verdana" , "geneva", "helvetica" }
    .headerwhite { color:#ffffff; font: bold 21px "arial", "Verdana" , "geneva", "helvetica" }
    .subheader { color:#7B0C29; font: bold 12px "arial", "Verdana" , "geneva", "helvetica" }
    .colheader { color:#ffffff; font: bold 12px "arial", "Verdana" , "geneva", "helvetica" }

    .error { color:BF0E1B; font: bold 12px "arial", "Verdana" , "geneva", "helvetica" }
    .confirm { colorDDDDD; font: bold 21px "arial", "Verdana" , "geneva", "helvetica" }


    A:link { color: #7B0C29; text-decoration: underline }
    A:visited { color: #7B0C29; text-decoration: underline }
    A:hover { color: #7B0C29; text-decoration: underline }
    A:active { color: #7B0C29; text-decoration: underline }

    .inputBox {
    background-color: #FFFFFF;
    border: 1px solid #4E081A;
    font-family: geneva, helvetica, ariel;
    font-size: 10px;
    color: #000000;
    }

    .bodywhitebold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    }

    .bottomBorder {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #7B0C29;
    border-left-color: #FFFFFF;

    }

    .bottomrightborder {
    border-top-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #7B0C29;
    border-bottom-color: #7B0C29;
    }

    .rightborder {
    border-top-width: 0px;
    border-right-width: 2px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #FFFFFF;
    border-right-color: #7B0C29;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    }
    .headergray {
    color:#828080;
    font: bold 22px "arial", "Verdana", "geneva", "helvetica";


    }
    .tableBorder { border-color: black #7B0C29 #7B0C29; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
    .subheaderNav { color:#7B0C29; font: bold 12px "arial", "Verdana", "geneva", "helvetica"; text-decoration: none}
    .critical { font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #F9AFAF; color: #000000; padding-right: 1px; padding-left: 1px}
    .whitebodyul { color:ffffff; font: normal 11px "arial", "Verdana" , "geneva", "helvetica"; text-decoration: underline }

    .colheaderul {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;
    }
    .buttonText { color: #7B0C29; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none}

    .button { BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #ffffff 1px solid; COLOR: #990000; BORDER-BOTTOM: #666666 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e6e6e6 }

    .boldbodyLeftNav { background-color: Yellow; color:RED; font: bold 11px "arial", "Verdana" , "geneva", "helvetica" }
    .yellowinputbox {
    color:333333;
    font: normal 11px "arial", "Verdana" , "geneva", "helvetica";
    background-color: #FFFF00;
    }
    .yellowinputboxnumber {
    color:333333;
    font: normal 11px "arial", "Verdana" , "geneva", "helvetica";
    background-color: #FFFF00;
    text-align: right
    }

    .tableHyperLink { color:#FFFFF0; font: bold 11px "arial", "Verdana" , "geneva", "helvetica" ;text-decoration: none;}


    .tableRowLightPink { color:333333; font: normal 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: #F9AFAF}
    .tableRowDarkPink { color:#F9AFAF; font: bold 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: black}

    .tableRowLightBrown { color:333333; font: normal 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: #FFCC99}
    .tableRowDarkBrown { color:#FFAD5B; font: bold 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: black}

    .tableRowLightWhite { color:333333; font: normal 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: #FFFFFF}
    .tableRowDarkWhite { color:#FFFFF0; font: bold 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: black}

    .tableRowLightBlue { color:333333; font: normal 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: #CCFFFF}
    .tableRowDarkBlue { color:#6FFFFF; font: bold 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: black}

    .tableRowLightGreen { color:333333; font: normal 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: #AFF9B9}
    .tableRowDarkGreen { color:#61F373; font: bold 11px "arial", "Verdana" , "geneva", "helvetica" ;background-color: black}

    .topNav {
    background-color: #e6e6e6;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #ffffff;
    }
    .topNavRight {
    background-color: #e6e6e6;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #ffffff;
    }
    .menu { border: #7B0C29 solid; border-width: 0px 1px 1px}
    .squareBorder { border-color: #7B0C29 7B0C29 7B0C29; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
    .chkbox {
    color:333333; font: normal 9 px "arial", "Verdana" , "geneva", "helvetica"
    }
    </style>
    <script language="JavaScript" type="text/JavaScript">
    var selectedElem = null;
    var detail = false;

    // constants. values should be unique but are otherwise irrelevant.
    UP = -1;
    DOWN = 1;

    function handleRowClickSpecial(elemRow1) {

    if(selectedElem != null) {
    var row1 = parseInt( selectedElem.id.substring( "row".length, selectedElem.id.indexOf( "col" ) ) );
    document.all['sendby'+ row1].style.display='none';
    deselectElem(selectedElem);
    }
    if(elemRow1 != null) {
    var newSelection = document.getElementById( "row" + elemRow1 + "col1" );
    document.all['sendby'+ elemRow1].style.display='inline';
    selectElem(newSelection);
    }

    }

    function mktSpecial(tabcnt,elemRow1) {
    if(elemRow1 != null) {
    for(i=1; i<=tabcnt; i++)
    {
    document.all['sendby'+ i].style.display='none';
    document.all['tdtab'+i].bgColor='#FFE6E6';
    document.all['tdtab'+i].style.height=18;
    document.all['botrow'+i].style.display='inline';
    document.all['tdtab'+i].style.cursor='hand';
    }
    document.all['sendby'+ elemRow1].style.display='inline';
    document.all['tdtab'+elemRow1].bgColor='white';
    document.all['botrow'+elemRow1].style.display='none';
    document.all['tdtab'+elemRow1].style.height=19;
    document.all['tdtab'+elemRow1].style.cursor='default';
    }

    }

    function handleRowClickSpecialWorkQue(elemRow1) {

    if(selectedElem != null) {
    var row1 = parseInt( selectedElem.id.substring( "row".length, selectedElem.id.indexOf( "col" ) ) );
    deselectElem(selectedElem);
    }
    if(elemRow1 != null) {
    var newSelection = document.getElementById( "row" + elemRow1 + "col1" );
    selectElem(newSelection);
    }

    }


    function handleKeyPressSpecial( e ) {
    detail = true;
    handleKeyPress( e );
    }
    function handleKeyPress( e ) {
    switch( e.keyCode ) {
    case 40: // down arrow
    moveSelection( DOWN );
    break;

    case 38: // up arrow
    moveSelection( UP );
    break;

    case 13: // enter key

    // clone the selected node's contents and insert at the end of the doc.
    if( selectedElem != null && selectedElem.hasChildNodes() ) {
    var row = parseInt( selectedElem.id.substring( "row".length, selectedElem.id.indexOf( "col" ) ) );
    var newSelection1 = document.getElementById( "Link" + row);
    document.location.href = newSelection1.firstChild.href;
    }
    break;
    }
    }

    function moveSelection( direction ) {
    var newSelection = getNextSelectable( direction );

    if( newSelection != null ) {
    if (detail){
    if(selectedElem != null) {
    var row1 = parseInt( selectedElem.id.substring( "row".length, selectedElem.id.indexOf( "col" ) ) );
    document.all['sendby'+ row1].style.display='none';
    }
    if(newSelection != null) {
    var row1 = parseInt( newSelection.id.substring( "row".length, newSelection.id.indexOf( "col" ) ) );
    document.all['sendby'+ row1].style.display='inline';
    }
    }
    deselectElem( selectedElem );
    selectElem( newSelection );

    }

    }

    function getNextSelectable( direction ) {

    var selectable;

    if( selectedElem != null ) {

    var row = parseInt( selectedElem.id.substring( "row".length, selectedElem.id.indexOf( "col" ) ) );
    var col = parseInt( selectedElem.id.substring( selectedElem.id.indexOf( "col" ) + "col".length ) );

    switch( direction ) {
    case UP:
    row--;
    break;

    case DOWN:
    row++;
    break;

    }

    var newSelection = document.getElementById( "row" + row + "col" + col );

    if(newSelection != null){
    switch( direction ) {
    case UP:
    newSelection.scrollIntoView(true);
    break;

    case DOWN:
    newSelection.scrollIntoView(false);
    break;
    }
    }

    if( newSelection != null ) {
    selectable = newSelection;
    }

    } else {

    selectable = document.getElementById( "row1col1" );
    }
    return selectable;
    }

    function selectElem( elem ) {


    if (elem.className == "tableRowLightPink") {
    elem.className = "tableRowDarkPink";
    } else if (elem.className == "tableRowLightBrown") {
    elem.className = "tableRowDarkBrown";
    } else if (elem.className == "tableRowLightWhite") {
    elem.className = "tableRowDarkWhite";
    } else if (elem.className == "tableRowLightBlue") {
    elem.className = "tableRowDarkBlue";
    } else if (elem.className == "tableRowLightGreen") {
    elem.className = "tableRowDarkGreen";
    }
    selectedElem = elem;
    }


    function deselectElem( elem ) {

    if( elem ) {
    if (elem.className == "tableRowDarkPink") {
    elem.className = "tableRowLightPink";
    } else if (elem.className == "tableRowDarkBrown") {
    elem.className = "tableRowLightBrown";
    } else if (elem.className == "tableRowDarkWhite") {
    elem.className = "tableRowLightWhite";
    } else if (elem.className == "tableRowDarkBlue") {
    elem.className = "tableRowLightBlue";
    } else if (elem.className == "tableRowDarkGreen") {
    elem.className = "tableRowLightGreen";
    }
    }
    selectedElem = null;
    }

    </script>
    </head>
    <BODY bgColor=#ffffff text=#000000 leftMargin=0 topMargin=0 rightMargin=0 bottomMargin=0 marginwidth="0" marginheight="0" onLoad="handleRowClickSpecialWorkQue(1);" onRefresh="handleRowClickSpecialWorkQue(1);">

    <table width="625" border="1" bordercolor="7B0C29" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="ffffff" height="150" valign="top">
    <table width="625" border="0" cellpadding="0" cellspacing="0" bordercolor="7B0C29">
    <tr bgcolor="7B0C29" height="30">
    <td align="center" valign="center" class="colheader" width="15" bgcolor="7B0C29">&nbsp;</td>
    <td align="center" valign="center" class="colheader" width="85">Loan Number</u></td>
    <td align="center" valign="center" class="colheader" width="75"> Last Name</u></td>
    <td align="center" valign="center" class="colheader" width="50">Street #</u></td>
    <td align="center" valign="center" class="colheader" width="50">Street Name</u></td>
    <td align="center" valign="center" class="colheader" width="50">Sales Person</u></td>
    <td align="center" valign="center" class="colheader" width="85">Task</u></td>
    <td align="center" valign="center" class="colheader" width="95">Process</u></td>
    <td align="center" valign="center" class="colheader" width="60">Due Date </u></td>
    <td align="center" valign="center" class="colheader" width="40">Days Past Due</u></td>
    <td align="center" valign="center" class="colheader" width="20"><img src="../images/spacer.gif" width="20" height="1"></td>
    </tr>
    </table>
    <!--div id="Layer2" style="position:relative; overflow: auto; width:100%; height:150px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: visible;" onkeydown="handleKeyPress(event)"-->
    <table width="605" border="0" cellpadding="0" cellspacing="0" bordercolor="#7B0C29" id="Layer2" onkeydown="handleKeyPress(event)">
    <tr height="20" class="tableRowLightPink" id="row1col1">
    <td align="center" valign="center" class="bottomBorder" width="15"><img src="../images/red_exclaim.gif" width="11" height="11"></td>
    <td align="center" valign="center" class="bottomBorder" width="85" id="Link1"><a href="javascript: MM_openBrWindow('taskDetailForAcceptedSalesAgreement.html','win15','toolbar=yes,location=yes,status= yes,menubar=yes,scrollbars=yes,resizable=yes,width=750,height=450')">45654</a></td>
    <td align="center" valign="center" class="bottomBorder" width="75">Schuhmann</td>
    <td width="50" align="center" valign="center" class="bottomBorder">101</td>
    <td align="center" valign="center" class="bottomBorder" width="50">Hill View </td>
    <td width="50" align="center" valign="center" class="bottomBorder">Jim Phillips</td>
    <td align="center" valign="center" class="bottomBorder" width="85">fdgf</td>
    <td align="center" valign="center" class="bottomBorder" width="95">fghfgh</td>
    <td width="60" align="center" valign="center" class="bottomBorder">12/11/03</td>
    <td width="40" align="center" valign="center" class="bottomBorder">10</td>
    </tr>
    <tr height="20" id="row2col1" class="tableRowLightPink">
    <td align="center" valign="center" class="bottomBorder" width="15"><img src="../images/red_exclaim.gif" width="11" height="11"></td>
    <td align="center" valign="center" class="bottomBorder" width="85" id="Link2"><a href="javascript: MM_openBrWindow('taskDetailForAssignmentConfirmation.html','win15','toolbar=yes,location=yes,status= yes,menubar=yes,scrollbars=yes,resizable=yes,width=750,height=450')">456456</a></td>
    <td align="center" valign="center" class="bottomBorder" width="75">Schuhmann</td>
    <td width="50" align="center" valign="center" class="bottomBorder">101</td>
    <td align="center" valign="center" class="bottomBorder" width="50">Hill View </td>
    <td width="50" align="center" valign="center" class="bottomBorder">Jim Phillips</td>
    <td align="center" valign="center" class="bottomBorder" width="85">fghgh</td>
    <td align="center" valign="center" class="bottomBorder" width="95">asdsada</td>
    <td width="60" align="center" valign="center" class="bottomBorder">12/11/03</td>
    <td width="40" align="center" valign="center" class="bottomBorder">10</td>
    </tr>
    <tr height="20" class="tableRowLightBrown" id="row3col1">
    <td width="15" height="12" align="center" valign="center" class="bottomBorder"><img src="../images/red_exclaim.gif" width="11" height="11"></td>
    <td width="85" height="12" align="center" valign="center" class="bottomBorder" id="Link3"><a href="javascript: MM_openBrWindow('taskDetailForSendSPA.html','win15','toolbar=yes,location=yes,status=yes,menubar=yes ,scrollbars=yes,resizable=yes,width=750,height=450')">456546</a></td>
    <td width="75" height="12" align="center" valign="center" class="bottomBorder">Franklin</td>
    <td width="50" align="center" valign="center" class="bottomBorder">101</td>
    <td width="50" height="12" align="center" valign="center" class="bottomBorder">Sea View</td>
    <td width="50" align="center" valign="center" class="bottomBorder">Karen Clark</td>
    <td width="85" height="12" align="center" valign="center" class="bottomBorder">fhgfh</td>
    <td width="95" height="12" align="center" valign="center" class="bottomBorder">asdsd</td>
    <td width="60" align="center" valign="center" class="bottomBorder">11/15/03</td>
    <td width="40" align="center" valign="center" class="bottomBorder">15</td>
    </tr>
    <tr height="20" id="row4col1" class="tableRowLightWhite" >
    <td width="15" height="12" align="center" valign="center" class="bottomBorder"><img src="../images/red_exclaim.gif" width="11" height="11"></td>
    <td width="85" height="12" align="center" valign="center" class="bottomBorder" id="Link4"><a href="javascript: MM_openBrWindow('taskDetailForConfirmationOfFunds.html','win15','toolbar=yes,location=yes,status=yes ,menubar=yes,scrollbars=yes,resizable=yes,width=750,height=450')">56565</a></td>
    <td width="75" height="12" align="center" valign="center" class="bottomBorder">Schuhmann</td>
    <td width="50" align="center" valign="center" class="bottomBorder">101</td>
    <td width="50" height="12" align="center" valign="center" class="bottomBorder">Forest View</td>
    <td width="50" align="center" valign="center" class="bottomBorder">Jim Phillips</td>
    <td width="85" height="12" align="center" valign="center" class="bottomBorder">fghfgh</td>
    <td width="95" height="12" align="center" valign="center" class="bottomBorder">Sxczxczx</td>
    <td width="60" align="center" valign="center" class="bottomBorder">10/15/03</td>
    <td width="40" align="center" valign="center" class="bottomBorder">20</td>
    </tr>
    </table>
    <!--/div-->
    </td>
    </tr>
    </table>

    </BODY></HTML>
    <script>
    Layer2.focus();
    </script>

  • #4
    Senior Coder
    Join Date
    Feb 2004
    Location
    Edinburgh
    Posts
    1,352
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Arrow some guidelines for posting

    can you please edit your code to only show the relevant info. we don't need the whole bleeding lot.

    also, please use code tags to encapsulate your HTML, JS, etc.

    thanks

  • #5
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    11,075
    Thanks
    0
    Thanked 256 Times in 252 Posts
    Change all instances of

    document.all[...]

    to

    document.getElementById(...)


    Check the Javascript Console for js errors. Just type javascript: in the address bar to open it.
    Glenn
    ____________________________________

    My Blog
    Tower of Hanoi Android app (FREE!)
    Tower of Hanoi Leaderboard
    Samegame Facebook App
    vBulletin Plugins
    ____________________________________


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •