[스타일시스] Input 박스에 사라지는 배경 넣기
페이지 정보
작성자 MintState 댓글 0건 조회 12,247회 작성일 08-11-17 15:16본문
[스타일시스] Input 박스에 사라지는 배경 넣기
특히 서치 박스에 배경을 넣고 입력시 배경이 사라지는데 써 먹으면 좋습니다
배경이 아닌 글자라면...
특히 서치 박스에 배경을 넣고 입력시 배경이 사라지는데 써 먹으면 좋습니다
<script type="text/javascript">
function searchBoxBg (Target,Status) {
if (Target.value.length==0 && Status=="show")
Target.style.backgroundImage="url(Search_BoxBg.gif)";
else
Target.style.backgroundImage="";
}
function search (target) {
if ( target.Keyword.value.length == 0 ) {
location.href="Search.html";
return false;
}
else if ( target.Keyword.value.length == 1 ) {
alert("2글자 이상의 검색어를 입력하세요");
return false;
} else {
//target.Keyword.value= "잠시만 기다려주세요";
return true;
}
}
</script>
<!-- 검색창 시작 -->
<table border="0" cellpadding="0" cellspacing="0" >
<tr>
<td colspan="3" width="195" height="34">
<table width="195" border="0" cellspacing="0" cellpadding="0" background="image/Top_searchBG.jpg">
<form name="Search" method="POST" action="Search.html" onSubmit="return search(this); return false;">
<tr height="27">
<td width="35" align="right"></td>
<td width="110" align="center">
<input name="Keyword" type="text" size="20" value=""
onMouseDown="searchBoxBg(this,'hide')"
onKeyDown="searchBoxBg(this,'hide')"
onFocus="searchBoxBg(this,'hide')"
onBlur="searchBoxBg(this,'show')"
style="font-family:굴림;font-size:10pt;color:#333333;border:1px solid #BBBBBB;text-align:center;width:100;height:18;background-image:url('');background-position:center;background-repeat:no-repeat">
</td>
<script type="text/javascript">
searchBoxBg(TopSearch.Keyword,'show');
</script>
<td width="50" align="left"><input type="image" src="Top_searchButt.jpg" width="44" height="18" border="0"></td>
</tr>
</form>
</table>
</td>
</tr>
</table>
배경이 아닌 글자라면...
<script language=javascript>
<!--//
var sks = 1;
function clear_query()
{
if(sks == 1)
{
var form = document.search;
form.query.value = "";
sks = 2;
}
}
//-->
</script>
<form name=search method=get action="search.html" onSubmit="return search()">
<input type=text name=query style='width:246px;height:20px' value="'검색해 보세요~~!!" onfocus=clear_query();>
<input type=image src=http://imgshopping2.naver.com/ds001/cmn/btn_search.gif width=39 height=20 align=absmiddle style='margin:0 6 0 5'>
</form>|
|
댓글목록
등록된 댓글이 없습니다.





[스타일시스] Input 박스에 사라지는 배경 넣기