비동기 사용시 리스트 배경색 넣기 채택완료
더루차
2년 전
조회 2,047
뷰페이지에 리스트 스킨을 사용하여 작업하고 있습니다.
반 나눠서 왼쪽엔 리스트 오른쪽엔 뷰페이지를 보여주는데
오른쪽 뷰페이지는 왼쪽에 제목 을 누르면 ajax로 불러 와 집니다
여기서 제가 하고싶은건 현재 보여지고 있는 게시글을
왼쪽 리스트에 배경색을 넣어 주고 싶습니다.
위쪽 ajax 쪽에 CSS코드를 넣으면 될까 싶긴합니다
혹시 몰라서 링크도 첨부하였습니다
list2.skin.php
</p>
<p><?php</p>
<p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p>
<p> </p>
<p>// 선택옵션으로 인해 셀합치기가 가변적으로 변함</p>
<p>$colspan = 5;</p>
<p> </p>
<p>if ($is_checkbox) $colspan++;</p>
<p>if ($is_good) $colspan++;</p>
<p>if ($is_nogood) $colspan++;</p>
<p> </p>
<p>// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨</p>
<p>add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);</p>
<p>?></p>
<p> </p>
<p><!-- 게시판 목록 시작 { --></p>
<p><div id="bo_list" style="width:<?php echo $width; ?>"></p>
<p> </p>
<p> <!-- 게시판 카테고리 시작 { --></p>
<p> <?php if ($is_category) { ?></p>
<p> <nav id="bo_cate"></p>
<p> <h2><?php echo $board['bo_subject'] ?> 카테고리</h2></p>
<p> <ul id="bo_cate_ul"></p>
<p> <?php echo $category_option ?></p>
<p> </ul></p>
<p> </nav></p>
<p> <?php } ?></p>
<p> <!-- } 게시판 카테고리 끝 --></p>
<p> </p>
<p> <form name="fboardlist" id="fboardlist" action="<?php echo G5_BBS_URL; ?>/board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post"></p>
<p> </p>
<p> <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>"></p>
<p> <input type="hidden" name="sfl" value="<?php echo $sfl ?>"></p>
<p> <input type="hidden" name="stx" value="<?php echo $stx ?>"></p>
<p> <input type="hidden" name="spt" value="<?php echo $spt ?>"></p>
<p> <input type="hidden" name="sca" value="<?php echo $sca ?>"></p>
<p> <input type="hidden" name="sst" value="<?php echo $sst ?>"></p>
<p> <input type="hidden" name="sod" value="<?php echo $sod ?>"></p>
<p> <input type="hidden" name="page" value="<?php echo $page ?>"></p>
<p> <input type="hidden" name="sw" value=""></p>
<p> </p>
<p> <!-- 게시판 페이지 정보 및 버튼 시작 { --></p>
<p> <div id="bo_btn_top"></p>
<p> <div id="bo_list_total"></p>
<p> <span>Total <?php echo number_format($total_count) ?>건</span></p>
<p> <?php echo $page ?> 페이지</p>
<p> </div></p>
<p> </p>
<p> <!--<ul class="btn_bo_user"></p>
<p> <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn" title="관리자"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a></li><?php } ?></p>
<p> <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01 btn" title="RSS"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?></p>
<p> <li></p>
<p> <button type="button" class="btn_bo_sch btn_b01 btn" title="게시판 검색"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">게시판 검색</span></button></p>
<p> </li></p>
<p> <li><a href="<?php echo $list_href ?>" class="btn_b01 btn" title="목록"><i class="fa fa-list" aria-hidden="true"></i><span class="sound_only">목록</span></a></li></p>
<p> <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01 btn" title="답변"><i class="fa fa-reply" aria-hidden="true"></i><span class="sound_only">답변</span></a></li><?php } ?></p>
<p> <?php if ($scrap_href) { ?><li><a href="<?php echo $scrap_href ?>" class="btn_b01 btn" title="스크랩"><i class="fa fa-bookmark" aria-hidden="true"></i><span class="sound_only">스크랩</span></a></li><?php } ?></p>
<p> <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b01 btn" title="글쓰기"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sound_only">글쓰기</span></a></li><?php } ?></p>
<p> <?php if ($is_admin == 'super' || $is_auth) { ?></p>
<p> <li></p>
<p> <button type="button" class="btn_more_opt is_list_btn btn_b01 btn" title="게시판 리스트 옵션"><i class="fa fa-ellipsis-v" aria-hidden="true"></i><span class="sound_only">게시판 리스트 옵션</span></button></p>
<p> <?php if ($is_checkbox) { ?> </p>
<p> <ul class="more_opt is_list_btn"> </p>
<p> <li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value"><i class="fa fa-trash-o" aria-hidden="true"></i> 선택삭제</button></li></p>
<p> <li><button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value"><i class="fa fa-files-o" aria-hidden="true"></i> 선택복사</button></li></p>
<p> <li><button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value"><i class="fa fa-arrows" aria-hidden="true"></i> 선택이동</button></li></p>
<p> </ul></p>
<p> <?php } ?></p>
<p> </li></p>
<p> <?php } ?></p>
<p> </ul>--></p>
<p> </div></p>
<p> <!-- } 게시판 페이지 정보 및 버튼 끝 --></p>
<p><!-- 반반 추가 --></p>
<p> <div class="banban"></p>
<p> <!-- 반반 추가 아래 스타일추가</p>
<p> style="float:left;width:50%;max-width:50%;overflow:hidden;</p>
<p> --></p>
<p> </p>
<p> <div class="tbl_head01 tbl_wrap" style="float:left;width:25%;max-width:25%;overflow:hidden;height:1100px;"></p>
<p> <table></p>
<p> <caption><?php echo $board['bo_subject'] ?> 목록</caption></p>
<p> <thead></p>
<p> <tr></p>
<p> <?php if ($is_checkbox) { ?></p>
<p> <th scope="col" class="all_chk chk_box"></p>
<p> <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);" class="selec_chk"></p>
<p> <label for="chkall"></p>
<p> <span></span></p>
<p> <b class="sound_only">현재 페이지 게시물 전체선택</b></p>
<p> </label></p>
<p> </th></p>
<p> <?php } ?></p>
<p> <th scope="col">분류</th></p>
<p> <th scope="col">제목</th></p>
<p> </tr></p>
<p> </thead></p>
<p> <tbody></p>
<p> <?php</p>
<p> for ($i=0; $i<count($list); $i++) {</p>
<p> if ($i%2==0) $lt_class = "even";</p>
<p> else $lt_class = "";</p>
<p> if ($wr_id == $list[$i]['wr_id'])</p>
<p> $stile = "style = 'background : #ffeb94'";</p>
<p> else</p>
<p> $stile = "";</p>
<p> ?></p>
<p> <tr class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?> <?php echo $lt_class ?>" <?php echo $stile?>></p>
<p> <?php if ($is_checkbox) { ?></p>
<p> <td class="td_chk chk_box"></p>
<p> <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>" class="selec_chk"></p>
<p> <label for="chk_wr_id_<?php echo $i ?>"></p>
<p> <span></span></p>
<p> <b class="sound_only"><?php echo $list[$i]['subject'] ?></b></p>
<p> </label></p>
<p> </td></p>
<p> <?php } ?></p>
<p> <!--<td class="td_num2"></p>
<p> <?php</p>
<p> if ($list[$i]['is_notice']) // 공지사항</p>
<p> echo '<strong class="notice_icon">공지</strong>';</p>
<p> else if ($wr_id == $list[$i]['wr_id'])</p>
<p> echo "<span class=\"bo_current\">열람중</span>";</p>
<p> else</p>
<p> echo $list[$i]['num'];</p>
<p> ?></p>
<p> </td>--></p>
<p> <td class="td_cate" ></p>
<p> <?php</p>
<p> if ($is_category && $list[$i]['ca_name']) {</p>
<p> ?></p>
<p> <div class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></div></p>
<p> <?php } ?></p>
<p> </td></p>
<p> </p>
<p> <td class="td_subject" style="padding-left:<?php echo $list[$i]['reply'] ? (strlen($list[$i]['wr_reply'])*10) : '0'; ?>px"></p>
<p> </p>
<p> <a class="bo_tit" data-id="<?php echo $list[$i]['wr_id']; ?>" data-table="<?php echo $bo_table; ?>"></p>
<p> <?php echo $list[$i]['icon_reply'] ?></p>
<p> <?php</p>
<p> if (isset($list[$i]['icon_secret'])) echo rtrim($list[$i]['icon_secret']);</p>
<p> ?></p>
<p> <?php echo $list[$i]['subject'] ?></p>
<p> </p>
<p> <?php</p>
<p> if ($list[$i]['icon_new']) echo "<span class=\"new_icon\">N<span class=\"sound_only\">새글</span></span>";</p>
<p> // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }</p>
<p> if (isset($list[$i]['icon_hot'])) echo rtrim($list[$i]['icon_hot']);</p>
<p> if (isset($list[$i]['icon_file'])) echo rtrim($list[$i]['icon_file']);</p>
<p> if (isset($list[$i]['icon_link'])) echo rtrim($list[$i]['icon_link']);</p>
<p> ?></p>
<p> <?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><span class="cnt_cmt"><?php echo $list[$i]['wr_comment']; ?></span><span class="sound_only">개</span><?php } ?></p>
<p> </a></p>
<p> </td></p>
<p> </p>
<p> </tr></p>
<p> <?php } ?></p>
<p> <?php if (count($list) == 0) { echo '<tr><td colspan="'.$colspan.'" class="empty_table">게시물이 없습니다.</td></tr>'; } ?></p>
<p> </tbody></p>
<p> </table></p>
<p> <!-- 페이지 --></p>
<p> <?php echo $write_pages; ?></p>
<p> <!-- 페이지 --></p>
<p> </div></p>
<p> </p>
<p><!-- 반반 추가 --></p>
<p><div class="view_content"></p>
<p> <?php include_once(G5_BBS_PATH."/view.php");?> <!-- 기본 화면 표시 --></p>
<p></div></p>
<p> </p>
<p></div></p>
<p> <script></p>
<p> $(document).on('click', '.bo_tit', function(e){</p>
<p> $.ajax({</p>
<p> url:'<?php echo $board_skin_url?>/view_ajax.php',</p>
<p> type:'POST',</p>
<p> data:'bo_table='+$(this).attr('data-table')+'&wr_id='+$(this).attr('data-id')+'&page='+<?php echo $page?>,</p>
<p> dataType:'html',</p>
<p> success : function(data){</p>
<p> $('.view_content').html(data);</p>
<p> }</p>
<p> });</p>
<p> });</p>
<p> </script></p>
<p> <script></p>
<p> function listAjax(no){</p>
<p> </p>
<p> $.ajax({</p>
<p> type: "POST",</p>
<p> url: "<?=$board_skin_url?>/ajax_list.php",</p>
<p> data: "bo_table=<?=$bo_table?>&page="+ no + "&sop=<?=$sop?>&stx=<?=$stx?>&sca=<?=$sca?>&sfl=<?=$sfl?>&wr_id=<?=$wr_id?>",</p>
<p> cache: false,</p>
<p> success: function(data){ </p>
<p> $('.tbl_head01.tbl_wrap').html(data);</p>
<p> </p>
<p> }</p>
<p> });</p>
<p> }</p>
<p></script></p>
<p><!-- 반반 추가 -->
view_ajax.php
</p>
<p><?php</p>
<p>include_once('../../../../../common.php');</p>
<p>include_once('../common.php');</p>
<p> </p>
<p>$bo_table = $_POST["bo_table"];</p>
<p>$wr_id = $_POST["wr_id"];</p>
<p>$page = $_POST['page'];</p>
<p>$sop = $_POST['sop'];</p>
<p>$stx = $_POST['stx'];</p>
<p>$sca = $_POST['sca'];</p>
<p>$sfl = $_POST['sfl'];</p>
<p> </p>
<p>$view_sql="select * from g5_write_".$bo_table." where wr_id=".$wr_id;</p>
<p>$view_row=sql_fetch($view_sql);</p>
<p>$ca_name = $view_row['ca_name'];</p>
<p>?></p>
<p> </p>
<p><?php include_once(G5_BBS_PATH."/view.php");?></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
2년 전
$(document).on('click', '.bo_tit', function(e){
</code>$(".td_subject").css("background","");//기존에 클릭되었던 제목 배경 지우고<code>
</code>$(this).closest(".td_subject").css("background","#c80000");//현재 제목에 배경 추가</pre>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
더루차
2년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
ajax로 페이지를 넘어갔다 오면 다시 초기화 상태가 되는데 혹시 살릴 방법이 있을까요..?