검색기능이 리사이즈(자동크기) 방법점 알려주세요. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

검색기능이 리사이즈(자동크기) 방법점 알려주세요. 정보

검색기능이 리사이즈(자동크기) 방법점 알려주세요.

본문

http://m.mnet.com/
이곳사이트에 보면은요.. 검색창이 화면을 작게 줄이면 같이 작아지는데요.
제가 사용하는사이트에서는 검색을 넣어밨지만으 창을 줄여도 그대로고 화면키워도 그대로 예요.
어떻게 하면 되는지점 알려주세요.
검색소스는

<!--검색 JAVA 시작-->

<script language="JavaScript">
function fsearchbox_submit(f)
{
if (f.stx.value == '')
{
alert("검색어를 입력하세요.");
f.stx.select();
f.stx.focus();
return;
}

/*
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++)
{
if (f.stx.value.charAt(i) == ' ')
cnt++;
}
if (cnt > 1)
{
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return;
}
*/
f.action = "<?=$g4[bbs_path]?>/search.php";
f.submit();
}
</script>
<!--검색 JAVA 끝-->
<!--검색텍스트입력시작-->
  <form name="fsearchbox" method="get" action="javascript:fsearchbox_submit(document.fsearchbox);">
          <input type="hidden" name="sfl" value="wr_subject">
          <input type="hidden" name="sop" value="and">
                                        <INPUT name="stx" maxlengt=20 style="font-weight:bold; font-family:고딕, gulim; font-size:11px; background-color:white; border-width:1; border-color:rgb(204,204,204); border-style:solid; width:130px; height:30px; tabIndex=1 maxlength=" 20" class=search size="100%" maxlength="20"><!--검색텍스트입력박스끝--><!--search이미지시작-->
<INPUT type=image src="/chambit/plugin/mobile/images/head_3.gif" width="41" height="29" alt=""></form>
<!--search이미지끝--><br>검색가능[창 오류 수정중]

이렇게 넣었거든요.!! 부탁점 드리겠습니다. 어떤걸 추가하면 자동으로 창이 폭이 리사이즈가 되는지 부탁드립니다.
  • 복사

댓글 전체

상단검색필드가 화면에 따라 크리가 조절되면 되는 건가요?
<input type=text name=search style=width:100%;height:20px>
 필드의 가로길이를 100%로 해주면 됩니다.
<INPUT name="stx" maxlengt=20 style="font-weight:bold; font-family:고딕, gulim; font-size:11px; background-color:white; border-width:1; border-color:rgb(204,204,204); border-style:solid; width:130px; height:30px; tabIndex=1 maxlength=" 20" class=search size="100%" maxlength="20">
이 부분을
<INPUT name="stx" maxlengt=20 style="font-weight:bold; font-family:고딕, gulim; font-size:11px; background-color:white; border-width:1; border-color:rgb(204,204,204); border-style:solid; width:100%; height:30px; tabIndex=1 maxlength=" 20" class=search maxlength="20">이렇게 변경하세요.
변경된 부분은 width:130px가 width:100%로.. size=100%는 지우셔도 되구요.
© SIRSOFT
현재 페이지 제일 처음으로