글 수 34
보짱CLEAR INPUT ON FOCUS FUNCTION
input 필드에 포커스 이동시 value값을 지웠다가 나타냈다가 하는 함수 입니다.
로그인 폼이나 검색 폼 등등 여러곳에서 사용할 수 있겠지요.
$(document).ready(function() {
//attach function to input and make text grayed out on page load
textReplacement($('#query').css("color", "#999"));
});
// the function:
function textReplacement(input){ //input focus text function
var originalvalue = input.val();
input.focus( function(){
if( $.trim(input.val()) == originalvalue ){ input.val('').css("color", "#000"); }
});
input.blur( function(){
if( $.trim(input.val()) == '' ){ input.val(originalvalue).css("color", "#999"); }
});
}코드를 보시면 query 라는 아이디값을 지정해둔 엘리먼트에 포커스 이동시 value를 지우고 텍스트 색을 #000으로 바꿔주는 것을 볼 수 있습니다.
html코드는 이런식으로 쓰면 되겠지요.
<input type="text" id="query" value="아이디" />
출처 : http://snipplr.com/view.php?codeview&id=28434
소속 : 밀짚모자 해적단
