YesYo.com MintState Forums
뒤로    YesYo.com MintState BBS > Tech > ETC
검색
멤버이름    오토
비밀번호 
 

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

페이지 정보

작성자 MintState 댓글 0건 조회 11,820회 작성일 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>

댓글목록

등록된 댓글이 없습니다.

Total 71건 2 페이지
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2024, YesYo.com MintState. ™