검색창에 이미지또는 글자 넣는방법을 알고십습니다. 정보
검색창에 이미지또는 글자 넣는방법을 알고십습니다.본문
다름이 아니라 아래에 첨부한 이미지처럼 검색창안에 그림 또는 글자를 넣고싶어서 이렇게 질문게시판에 글을남겼는데요.신기하게도 검색창안에 그림이나 글자를 넣었는데 넣는건 되더라구요.
그런데 클릭하면 안사라지더라구요:; 클릭하면 이미지가 사라져검색되게 하고싶은데 그게안되네요.
어떡게하면되는지좀 꼭좀도와주세요.
사이트는 http://www.freechal.com/
http://www.gemmir.com/ 를 참조했습니다. 저렇게 하는방법좀 꼭좀알려주세요.ㅠ
댓글 전체
http://gekota.com
저는 이렇게 쓰고 있습니다.
name 이나 url 값은 바꾸셔야겠죠.
<?
$q = "늑대와 향신료 2";
?>
<script type="text/javascript">
document.getElementById("q").focus();
function searchTrue()
{
var f = document.formSch;
if (f.q.value == '<?=$q?>') {
document.getElementById("q").value = "";
}
}
function submitSch()
{
var f = document.formSch;
if (f.q.value == '') {
alert("검색어를 입력하세요.");
f.q.focus();
return false;
}
}
</script>
<form method="get" name="formSch" action="search.php" onSubmit="return submitSch();">
<input type="text" id="q" name="q" value="<?=$q?>" onmouseover="searchTrue();" />
<input type="image" src="search.gif" border="0">
</form>
저는 이렇게 쓰고 있습니다.
name 이나 url 값은 바꾸셔야겠죠.
<?
$q = "늑대와 향신료 2";
?>
<script type="text/javascript">
document.getElementById("q").focus();
function searchTrue()
{
var f = document.formSch;
if (f.q.value == '<?=$q?>') {
document.getElementById("q").value = "";
}
}
function submitSch()
{
var f = document.formSch;
if (f.q.value == '') {
alert("검색어를 입력하세요.");
f.q.focus();
return false;
}
}
</script>
<form method="get" name="formSch" action="search.php" onSubmit="return submitSch();">
<input type="text" id="q" name="q" value="<?=$q?>" onmouseover="searchTrue();" />
<input type="image" src="search.gif" border="0">
</form>
마우스가 오버가 아닐 경우에는 onfocus="searchTrue();" 으로 하면 되겠네요.
코타군님 작동은 잘되는데...어디인지 잘모르겟는데 소스 그대로 사용하니까 스크립 오류가 자꾸뜨네요.ㅜ_ㅜ어디를 수정해야될지..
'document.getElementByld(...)은(는) null 이거나 개체가 아닙니다. 라고 뜨는데
아 지우니까 되는군요!! 감사합니다 ^^
sadf
