020 555 1111
  • Old fashion, modular, procedural PHP plus some scaffolding techniques to allow it to mimic MVC simplicity.
  • A quick reference to help you find in PHP maze what needs to be done and how to do it.
  • Learn a PHP Object Oriented Programming by building a live discussion forum application.
  • MVC - Model View Controller - real life, easy reference and application.
This product has options, take a look at them and select ones you like the most.
Options are displayed under image section.

Row colour change on hover
[in: jQuery example]

A little trick making hovered rows change colours.

tester1
tester2
tester3
tester4
tester5
 

Hover table to the left,

or see example in separate page.

 

What is needed:

 

Needed jQuery code:

$(document).ready(function(){
	$(".row_marker").hover(
	  function () {
		$(this).addClass("row_over");
		//alert('tester');
	  },
	  function () {
		$(this).removeClass("row_over");
	  }
	);
});

 

Main file code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>row to hover</title>
<script type="text/javascript" src="../jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js.js"></script>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>
<div style="font-weight:bold; margin-bottom:15px;">hover over rows below</div>

<table width="60%" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr class="row_marker row_odd"><td>tester1</td></tr>
	<tr class="row_marker row_even"><td>tester2</td></tr>
	<tr class="row_marker row_odd"><td>tester3</td></tr>
	<tr class="row_marker row_even"><td>tester4</td></tr>
	<tr class="row_marker row_odd"><td>tester5</td></tr>
</table>



</body>
</html>