...

View Full Version : need solution for netscape



cybersip
06-25-2004, 10:52 AM
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

glenngv
06-25-2004, 11:17 AM
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.


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. :)

cybersip
06-28-2004, 12:45 PM
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 { color:DDDDDD; 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>

jbot
06-28-2004, 01:42 PM
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 :thumbsup:

glenngv
06-29-2004, 03:45 AM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum