$(function () { //-- Constants- - varPlace_holder_color = "RGB (169,169,169)";//"Darkgrey" does not work in IE6 varPlace_holder_data_name = "Original-font-color"; //-- Util Methods-- varGetContent =function(Element) {return$ (Element). Val (); } varSetContent =function(element, content) {$ (Element). val (content); } varGetplaceholder =function(Element) {return$ (Element). attr ("placeholder"); } varIscontentempty =function(Element) {varContent =getcontent (Element); return(Content.length = = 0) | | Content = =Getplaceholder (Element); } varSetplaceholderstyle =function(Element) {$ (Element). Data (Place_holder_data_name, $ (Element). CSS ("Color")); $ (Element). CSS ("Color", Place_holder_color); } varClearplaceholderstyle =function(Element) {$ (Element). CSS ("Color", $ (element). Data (Place_holder_data_name)); $ (Element). Removedata (Place_holder_data_name); } varShowplaceholder =function(Element) {setcontent (element, Getplaceholder (element)); Setplaceholderstyle (Element); } varHideplaceholder =function(Element) {if(Element). Data (Place_holder_data_name)) {setcontent (element,""); Clearplaceholderstyle (Element); } } //-- Event handlers-- varinputfocused =function () { if(Iscontentempty ( This) {Hideplaceholder ( This); } } varinputblurred =function () { if(Iscontentempty ( This) {Showplaceholder ( This); } } varparentformsubmitted =function () { if(Iscontentempty ( This) {Hideplaceholder ( This); } } //-- Bind event to components--$ ("textarea, input[type= ' text ']"). each (function(index, Element) {if(Element). attr ("placeholder") {$ (Element). focus (inputfocused); $ (Element). blur (inputblurred); $ (Element). Bind ("Parentformsubmitted", parentformsubmitted); //triggers show place holder on page load$ (Element). Trigger ("Blur"); //triggers form submitted event on parent form Submit$ (Element). Parents ("form"). Submit (function() {$ (Element). Trigger ("Parentformsubmitted"); }); } }); });
IE8 does not support attribute placeholder