<html xmlns="http:///1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>input loses focus and gains focus jquery focus event plugin - lazy website building</title>
<script src="/ajax/libs/jquery/1.4.2/" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
//focusblur
= function(focusid) {
var focusblurid = $(focusid);
var defval = ();
(function(){
var thisval = $(this).val();
if(thisval==defval){
$(this).val("");
}
});
(function(){
var thisval = $(this).val();
if(thisval==""){
$(this).val(defval);
}
});
};
/*The following is the call method*/
$.focusblur("#searchkey");
});
</script>
</head>
<body>
<form action="" method="post">
<input name="" type="text" value="enter search keyword" />
<input name="" type="submit" value="Search"/>
</form>
<p>input loses focus and gains focus jquery focus event plugin, <br/><strong style="color:#F00">When the mouse clicks in the search box, the text inside disappears</strong>. </p>
</body>
</html>