firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

모바일: 검색결과스킨 마크업 및 스타일 수정

Browse Source
This commit is contained in:
whitedot
2013-05-16 11:38:40 +09:00
parent d8ad6a903a
commit 52f9068372
2 changed files with 126 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

199
mobile/skin/search/basic/search.skin.php
View File

@ -2,129 +2,136 @@
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?> ?>
<link rel="stylesheet" href="<?php echo $search_skin_url ?>/style.css">
<form name="fsearch" onsubmit="return fsearch_submit(this);" method="get"> <form name="fsearch" onsubmit="return fsearch_submit(this);" method="get">
<input type="hidden" name="srows" value="<?php echo $srows ?>"> <input type="hidden" name="srows" value="<?php echo $srows ?>">
<fieldset id="sch_result_detail"> <fieldset id="sch_res_detail">
<legend>상세검색</legend> <legend>상세검색</legend>
<?php echo $group_select ?> <div>
<script>document.getElementById("gr_id").value = "<?php echo $gr_id ?>";</script> <?php echo $group_select ?>
<script>document.getElementById("gr_id").value = "<?php echo $gr_id ?>";</script>
<label for="sfl" class="sound_only">검색대상</label> <label for="sfl" class="sound_only">검색조건</label>
<select name="sfl" id="sfl"> <select name="sfl" id="sfl">
<option value="wr_subject||wr_content"<?php echo get_selected($_GET['sfl'], "wr_subject||wr_content") ?>>제목+내용</option> <option value="wr_subject||wr_content"<?php echo get_selected($_GET['sfl'], "wr_subject||wr_content") ?>>제목+내용</option>
<option value="wr_subject"<?php echo get_selected($_GET['sfl'], "wr_subject") ?>>제목</option> <option value="wr_subject"<?php echo get_selected($_GET['sfl'], "wr_subject") ?>>제목</option>
<option value="wr_content"<?php echo get_selected($_GET['sfl'], "wr_content") ?>>내용</option> <option value="wr_content"<?php echo get_selected($_GET['sfl'], "wr_content") ?>>내용</option>
<option value="mb_id"<?php echo get_selected($_GET['sfl'], "mb_id") ?>>회원아이디</option> <option value="mb_id"<?php echo get_selected($_GET['sfl'], "mb_id") ?>>회원아이디</option>
<option value="wr_name"<?php echo get_selected($_GET['sfl'], "wr_name") ?>>이름</option> <option value="wr_name"<?php echo get_selected($_GET['sfl'], "wr_name") ?>>이름</option>
</select> </select>
</div>
<div>
<label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
<input type="text" name="stx" value="<?php echo $text_stx ?>" class="frm_input" required class="required" size="14" maxlength="20">
<input type="submit" class="btn_submit" value="검색">
<input type="text" name="stx" value="<?php echo $text_stx ?>" id="stx" required class="required" placeholder="검색어(필수)" maxlength="20"> <script>
<input type="submit" value="검색"> function fsearch_submit(f)
{
if (f.stx.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}
<script> // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
function fsearch_submit(f) var cnt = 0;
{ for (var i=0; i<f.stx.value.length; i++) {
if (f.stx.value.length < 2) { if (f.stx.value.charAt(i) == ' ')
alert("검색어는 두글자 이상 입력하십시오."); cnt++;
f.stx.select(); }
f.stx.focus();
return false; if (cnt > 1) {
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return false;
}
f.action = "";
return true;
} }
</script>
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요. </div>
var cnt = 0; <div>
for (var i=0; i<f.stx.value.length; i++) { <input type="radio" value="or" <?php echo ($sop == "or") ? "checked" : ""; ?> id="sop_or" name="sop">
if (f.stx.value.charAt(i) == ' ') <label for="sop_or">OR</label>
cnt++; <input type="radio" value="and" <?php echo ($sop == "and") ? "checked" : ""; ?> id="sop_and" name="sop">
} <label for="sop_and">AND</label>
</div>
if (cnt > 1) {
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return false;
}
f.action = "";
return true;
}
</script>
<input type="radio" id="sop_or" name="sop" value="or" <?php echo ($sop == "or") ? "checked" : ""; ?>>
<label for="sop_or">OR</label>
<input type="radio" id="sop_and" name="sop" value="and" <?php echo ($sop == "and") ? "checked" : ""; ?>>
<label for="sop_and">AND</label>
</fieldset> </fieldset>
</form> </form>
<div id="sch_result"> <div id="sch_result">
<?php if ($stx) { ?>
<?php if ($board_count) { ?>
<dl id="sch_result_hd">
<dt>검색어 <strong><?php echo $stx ?></strong></dt>
<dd>
<ul>
<li>게시판 <span style="color:<?php echo $config['cf_search_color'] ?>"><?php echo $board_count ?></span>개</li>
<li>게시물 <span style="color:<?php echo $config['cf_search_color'] ?>"><?php echo number_format($total_count) ?></span>개</li>
<li><?php echo number_format($page) ?>/<?php echo number_format($total_page) ?> 페이지</li>
</ul>
</dd>
</dl>
<?php } ?>
<?php } ?>
<?php <?php
if ($stx) { if ($stx) {
if ($board_count) { if ($board_count) {
?> ?>
<dl id="sch_result_bo"> <section id="sch_res_ov">
<dt>검색결과가 있는 게시판 목록</dt> <h2><?php echo $stx ?> 전체검색 결과</h2>
<dd> <dl>
<ul> <dt>게시판</dt>
<li><a href="?<?php echo $search_query ?>&amp;gr_id=<?php echo $gr_id ?>" <?php echo $sch_all ?>>전체게시판</a></li> <dd><strong style="color:<?php echo $config['cf_search_color'] ?>"><?php echo $board_count ?>개</strong></dd>
<?php echo $str_board_list; ?> <dt>게시물</dt>
</ul> <dd><strong style="color:<?php echo $config['cf_search_color'] ?>"><?php echo number_format($total_count) ?>개</strong></dd>
</dd> </dl>
</dl> <p><?php echo number_format($page) ?>/<?php echo number_format($total_page) ?> 페이지 열람 중</p>
</section>
<?php
}
}
?>
<?php
if ($stx) {
if ($board_count) {
?>
<ul id="sch_res_board">
<li><a href="?<?php echo $search_query ?>&amp;gr_id=<?php echo $gr_id ?>" <?php echo $sch_all ?>>전체게시판</a></li>
<?php echo $str_board_list; ?>
</ul>
<?php <?php
} else { } else {
?> ?>
<p>검색된 자료가 하나도 없습니다.</p> <p>검색된 자료가 하나도 없습니다.</p>
<?php } } ?> <?php } } ?>
<hr> <hr>
<?php if ($stx && $board_count) { ?><dl id="sch_result_atc"><?php } ?> <?php if ($stx && $board_count) { ?><section class="sch_res_list"><?php } ?>
<?php <?php
$k=0; $k=0;
for ($idx=$table_index, $k=0; $idx<count($search_table) && $k<$rows; $idx++) { for ($idx=$table_index, $k=0; $idx<count($search_table) && $k<$rows; $idx++) {
$comment_def = ""; $comment_def = "";
$comment_href = ""; $comment_href = "";
?> ?>
<dt><a href="./board.php?bo_table=<?php echo $search_table[$idx] ?>&amp;<?php echo $search_query ?>"><?php echo $bo_subject[$idx] ?>에서</a></dt> <h2><a href="./board.php?bo_table=<?php echo $search_table[$idx] ?>&amp;<?php echo $search_query ?>"><?php echo $bo_subject[$idx] ?> 게시판 내 결과</a></h2>
<dd> <ul>
<ul> <?php
<?php for ($i=0; $i<count($list[$idx]) && $k<$rows; $i++, $k++) {
for ($i=0; $i<count($list[$idx]) && $k<$rows; $i++, $k++) { if ($list[$idx][$i][wr_is_comment])
if ($list[$idx][$i][wr_is_comment]) {
{ $comment_def = "<span class=\"cmt_def\">댓글</span>";
$comment_def = "<span class=\"cmt_def\">댓글</span>"; $comment_href = "#c_".$list[$idx][$i][wr_id];
$comment_href = "#c_".$list[$idx][$i][wr_id]; }
} ?>
?> <li>
<li> <a href="<?php echo $list[$idx][$i][href] ?><?php echo $comment_href ?>" class="sch_res_title"><?php echo $comment_def ?><?php echo $list[$idx][$i][subject] ?></a>
<a href="<?php echo $list[$idx][$i][href] ?><?php echo $comment_href ?>" class="sch_result_title"><?php echo $comment_def ?><?php echo $list[$idx][$i][subject] ?></a> <a href="<?php echo $list[$idx][$i][href] ?><?php echo $comment_href ?>" target="_blank">새창</a>
<a href="<?php echo $list[$idx][$i][href] ?><?php echo $comment_href ?>" target="_blank">새창</a> <p><?php echo $list[$idx][$i][content] ?></p>
<p><?php echo $list[$idx][$i][content] ?></p> <?php echo $list[$idx][$i][name] ?>
<?php echo $list[$idx][$i][name] ?> <span class="sch_datetime"><?php echo $list[$idx][$i][wr_datetime] ?></span>
<span class="sch_datetime"><?php echo $list[$idx][$i][wr_datetime] ?></span> </li>
</li> <?php } ?>
<?php } ?> </ul>
</ul> <div class="sch_more"><a href="./board.php?bo_table=<?php echo $search_table[$idx] ?>&amp;<?php echo $search_query ?>"><strong><?php echo $bo_subject[$idx] ?></strong> 결과 더보기</a></div>
<div class="sch_more"><a href="./board.php?bo_table=<?php echo $search_table[$idx] ?>&amp;<?php echo $search_query ?>"><?php echo $bo_subject[$idx] ?> 더보기</a></div>
</dd> <hr>
<?php } ?> <?php } ?>
<?php if ($stx && $board_count) { ?></dl><?php } ?> <?php if ($stx && $board_count) { ?></section><?php } ?>
<?php echo $write_pages ?> <?php echo $write_pages ?>

47
mobile/skin/search/basic/style.css
View File

@ -1,28 +1,27 @@
/* 전체검색결과 스킨 */ /* 전체검색결과 스킨 */
#sch_result_detail {margin:0;padding:0.5em 1em;border:0} #sch_res_detail {padding:0 0 1em;border-bottom:1px solid #e9e9e9;text-align:center}
#sch_result {padding:0 1em} #sch_res_detail legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sch_res_detail div {margin:0 0 0.5em}
#sch_res_detail .frm_input {height:2.5em;line-height:2.5em}
#sch_result_hd dt {width:0;height:0;overflow:hidden} #sch_res_ov {padding:1em;border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
#sch_result_hd dd {margin:0} #sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
#sch_result_hd ul {margin:0;padding:0;border-top:1px solid #eee;border-bottom:1px solid #eee;list-style:none} #sch_res_ov h2 {margin:0 0 0.5em}
#sch_result_hd ul:after {display:block;visibility:hidden;clear:both;content:""} #sch_res_ov dl {margin:0 0 0.5em;zoom:1}
#sch_result_hd li {float:left;padding:0.5em 0;width:33%;text-align:center} #sch_res_ov dl:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_ov dt {float:left}
#sch_res_ov dd {float:left;margin:0 1em 0 0.5em}
#sch_res_ov p {margin:0;padding:0}
#sch_result_bo dt {width:0;height:0;overflow:hidden} #sch_res_board {margin:0 0 1em;padding:0;list-style:none;zoom:1}
#sch_result_bo dd {margin:0} #sch_res_board:after {display:block;visibility:hidden;clear:both;content:""}
#sch_result_bo ul {margin:0;padding:0;list-style:none} #sch_res_board a {display:block;position:relative;margin-left:-1px;padding:0.5em 1em;border-bottom:1px solid #e9e9e9;text-decoration:none;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#sch_result_bo li {border-bottom:1px solid #fff;background:#f7f7f7} #sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none}
#sch_result_bo a {display:block;padding:0.5em;color:#000;text-decoration:none} #sch_res_board .cnt_cmt {font-weight:normal !important}
#sch_result_bo .cnt_cmt {display:inline-block;margin:0 0 0 0.5em;color:#ff3061}
#sch_result_atc a {color:#000} .sch_res_list {margin:0 0 1em;padding:1em 0}
#sch_result_atc dt {padding:0.5em 1em;background:#484848;color:#fff} .sch_res_list h2 {margin:0 0 1em;padding:0 1em;font-size:1.2em}
#sch_result_atc dt a {color:#fff;text-decoration:none} .sch_res_list ul {margin:0;padding:0;list-style:none}
#sch_result_atc dd {margin:0} .sch_res_list li {margin:0 0 1em;padding:0 1em 1em;border-bottom:1px solid #e9e9e9}
#sch_result_atc ul {margin:0;padding:0;list-style:none} .sch_res_list a {text-decoration:none}
#sch_result_atc li {padding:1em;border-bottom:1px solid #eee} .sch_more {padding:0 1em;text-align:right}
.sch_more {padding:10px 0 15px;text-align:right}
.sch_more a {}
.sch_datetime {display:inline-block;margin-right:15px;color:#999}
.sch_word {font-weight:bold} /* 검색어 강조 */