Code
// the Javascript
'.yellowing' : function(e) {
e.onfocus = function() {
e.style.backgroundColor = '#FFFFCC'
},
e.onblur = function() {
e.style.backgroundColor = '#FFFFFF'
}
}
// the CSS
.yellow {
background-color: '#FFFFCC'
}
// the HTML
<div class='routeHeading'> Route Information </div>
<div> Description <input type='text' class='yellowing' id='routeDesc' name='routeDesc'/></div>
<div> Tags <input type='text' class='yellowing' id='routeTags' name='routeTags'/></div>
<div class='SubmitterHeading'> Submitter Information </div>
<div> Name <input type='text' class='yellowing' id='submitterName' name='submitterName'/></div>
<div> e-mail <input type='text' class='yellowing' id='submitterEMail' name='submitterEMail'/></div>
