다음이나 네이버처럼 검색창에 커서 찍을 때 색깔 바꾸는 법 ?
본문
로그인할 때 테두리 색깔 바꾸는 거랑 비슷한 것 같은데, 어떻게 하는건지..?
참고:
참고:
현재 사용중인 검색창 소스는 아래와 같습니다.
<div id="search_top"><!-- 링크 버튼, 검색 --><form name=fsearchtop method=get action="<?=$_SERVER[PHP_SELF]?>" class="serch-form"><input type=hidden name=bo_table value="<?=$bo_table?>"><input type=hidden name=sca value="<?=$sca?>"><input type=hidden name=sfl value="wr_subject||wr_content"><input type=hidden name=sop value="and"><div class="serch-inside"><input type=text name=stx maxlength=50 itemname="검색어" value='<?=$stx?>' class="textbox"><input type=submit value="검색" class="search-button"></div></form></div>
답변 2
엘투제오 님 고맙습니다. 역시 정보통이세용. ^^
엘투제오 님, 근데, 제이쿼리는 어떤 식으로 넣어줘야 하나요?
제이쿼리도 자바스크립트이니 아래처럼 자바스크립트 넣는것과 동일하게 하심됩니다.
<script type="text/javascript">
$(function() {
// input 테두리
$('input.inputbox').focus(function() {
$(this).addClass('focusbox');
}).blur(function() {
$(this).removeClass('focusbox');
});
// textarea 테두리
$('textarea.textbox').focus(function() {
$(this).addClass('focustextbox');
}).blur(function() {
$(this).removeClass('focustextbox');
});
});
</script>
<script type="text/javascript">
$(function() {
// input 테두리
$('input.inputbox').focus(function() {
$(this).addClass('focusbox');
}).blur(function() {
$(this).removeClass('focusbox');
});
// textarea 테두리
$('textarea.textbox').focus(function() {
$(this).addClass('focustextbox');
}).blur(function() {
$(this).removeClass('focustextbox');
});
});
</script>
아하, 앞뒤에 script로 열고 닫아주면 되는 것이군요. 고맙습니다. ^*^
답변을 작성하시기 전에 로그인 해주세요.