검색소스 코딩방법~ 정보
검색소스 코딩방법~본문
기본적으로 있는 아래의 검색소스를 가지고 새로운 디자인을해서 코딩한 head.php에 검색적용을 할려고 합니다. 밑에 소스에서 검색박스와 검색버튼만 가져오려고 하는데 헤갈려서요~
소스에 배경등이 같이 딸려있어서요....
작업을 하다보니 검색창이 우측으로 너무간다거나 자리가 맞지않아서 디자인이깨지내요...
단순히 검색박스,버튼 두가지만 추출하려면 어느부분만 적용하면 될까요?
박스의 사이즈는 117*18 , 버튼은 28*18 이고요~
고수님들의 많은 도움 부탁드립니다.
<!-- 검색 시작 -->
<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
<tr>
<td width="43" height="11"></td>
<td width="220"></td>
<td width=""></td>
<td width="234"><img src="<?=$g4['path']?>/img/search_top.gif" width="234" height="11"></td>
<td width="35"></td>
</tr>
<tr>
<td height="33"><img src="<?=$g4['path']?>/img/bar_01.gif" width="43" height="33"></td>
<td><img src="<?=$g4['path']?>/img/bar_02.gif" width="220" height="33"></td>
<td background="<?=$g4['path']?>/img/bar_03.gif" width="472" height="33"><table width=100% cellpadding=0 cellspacing=0><tr><td width=25> </td><td><?//=popular();?></td></tr></table></td>
<td>
<form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);" style="margin:0px;">
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<table width="100%" height="33" cellspacing="0" cellpadding="0">
<tr>
<td width="25" height="25"><img src="<?=$g4['path']?>/img/search_01.gif" width="25" height="25"></td>
<td width="136" valign="middle" bgcolor="#F4F4F4"><INPUT name="stx" type="text" maxlength=20 style="BORDER : 0px solid; width: 125px; HEIGHT: 20px; BACKGROUND-COLOR: #F4F4F4" maxlength="20"></td>
<td width="12"><img src="<?=$g4['path']?>/img/search_02.gif" width="12" height="25"></td>
<td width="48"><input type="image" src="<?=$g4['path']?>/img/search_button.gif" width="48" height="25" border="0"></td>
<td width="13"><img src="<?=$g4['path']?>/img/search_03.gif" width="13" height="25"></td>
</tr>
<tr>
<td width="234" height="8" colspan="5"><img src="<?=$g4['path']?>/img/search_down.gif" width="234" height="8"></td>
</tr>
</table>
</form>
</td>
<td></td>
</tr>
</table>
<script language="JavaScript">
function fsearchbox_submit(f)
{
if (f.stx.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
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 false;
}
f.action = "<?=$g4['bbs_path']?>/search.php";
return true;
}
</script>
<!-- 검색 끝 -->
댓글 전체
<form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);" style="margin:0px;">
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<INPUT name="stx" type="text" maxlength=20 style="BORDER : 0px solid; width: 125px; HEIGHT: 20px; BACKGROUND-COLOR: #F4F4F4" maxlength="20">
<img src="<?=$g4['path']?>/img/search_02.gif" width="12" height="25">
<input type="image" src="<?=$g4['path']?>/img/search_button.gif" width="48" height="25" border="0">
<img src="<?=$g4['path']?>/img/search_03.gif" width="13" height="25">
</form>
<script language="Javascript">
function fsearchbox_submit(f)
{
if (f.stx.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
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 false;
}
f.action = "<?=$g4['bbs_path']?>/search.php";
return true;
}
</script>
<!-- 검색 끝 -->
