검색기능이 리사이즈(자동크기) 방법점 알려주세요. 정보
검색기능이 리사이즈(자동크기) 방법점 알려주세요.본문
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>검색가능[창 오류 수정중]
이렇게 넣었거든요.!! 부탁점 드리겠습니다. 어떤걸 추가하면 자동으로 창이 폭이 리사이즈가 되는지 부탁드립니다.
이곳사이트에 보면은요.. 검색창이 화면을 작게 줄이면 같이 작아지는데요.
제가 사용하는사이트에서는 검색을 넣어밨지만으 창을 줄여도 그대로고 화면키워도 그대로 예요.
어떻게 하면 되는지점 알려주세요.
검색소스는
<!--검색 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 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%는 지우셔도 되구요.
이 부분을
<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%는 지우셔도 되구요.
죄송한데요.. 검색버튼이 옆에로 안나오고 아래로 나오는데 그거는 어캐하면되는지점 부탁드립니다.
쪽지드렸습니다.
너무너무 감사합니다.