Rate this script:  I Love it  /   I Hate it

Yellowing Input Box technique


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>

 

 

 
Yellowing Input Box technique scripts | Yellowing Input Box technique snippet | Yellowing Input Box technique example | Yellowing Input Box technique tutorial | Yellowing Input Box technique code