Free web development scripts for the webmasterDevelopment Scripts

 Site Navigation
 o Development Scripts
 o Text Only Edition
 o PHP.net News
 o Tutorials
 o Register an account
 o New entries this week
 o Affiliates/Links
 o Contact Us
 o About us
 o Advanced Search

 Browse Path
 o 1 user online
 o Most users online: 67
 o Home
  o Javascripts
   o Affiliate Management
    o Script

 Member Login
User Name
Password

 Standards
Valid XHTML 1.0!
Valid 
CSS!

 Recommended Links
 o PHP Freaks
 o Designer Baby Clothes
 o Advertise Here Make Money
 o OxyScripts
 o Free Wedding Websites
 o Open Source Design
 o Wedding Vendor Directory
 o designplace
 o devnet

Dynaminc Blotter Highlighter (Rated 5)

Description:

hightlight a single tr element

Code starts here


<html>
<head>

<script language="javascript">

var iOriginalBackGround=null;

function feedIn(cell){
var feedRow = document.getElementById(cell);
feedRow.style.fontStyle= "italic";
var feedData = feedRow.getElementsByTagName("td");
iOriginalBackGround = feedData[0].style.backgroundColor;
for (var i=0; i < feedData.length; i++){
feedData[i].style.backgroundColor = "#ddd";
}
}

function feedOut(cell){

var feedRow = document.getElementById(cell);
feedRow.style.fontStyle= "normal";
var feedData = feedRow.getElementsByTagName("td");
for (var i=0; i < feedData.length; i++) {
feedData[i].style.backgroundColor = iOriginalBackGround;
}
}

</script>


</head>
<body>
<table>
<tr id="<%=feedId%>" onMouseover="Javascript: feedIn('<%=feedId%>')" onMouseout="Javascript: feedOut('<%=feedId%>')">
<td>hello</td>
<td>there</td>
<td>stephen</td>
</tr>
</table>
</body>
</html>


Submitted by bakera on 14-08-2003 11:41


Rate This Script

User Contributed Comments

Registered Members login
© Copyright 2003 - Devscripts.net