목록에서 내용보기 체크시 (파일 및 내용출력) > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

목록에서 내용보기 체크시 (파일 및 내용출력) 정보

목록에서 내용보기 체크시 (파일 및 내용출력)

본문

목록에서 내용보기 체크시 뷰페이지에서 내용을 보는 것과 같은 효과를 얻는 방법입니다.

※ 여기서 사용되는 아이콘 이미지들은 그누보드 basic 스킨에 있습니다.

// 루프
 for ($i=0; $i<count($list); $i++) {

1. 링크 목록을가져 오는 부분입니다.

// 링크  (그누폴더/lib/common.lib.php파일 362줄 참조)
    for ($j=1; $j<=$g4[link_count]; $j++) {
        if ($list[$i][link][$j]) {
            $link = cut_str($list[$i][link][$j], 70);
            echo $table_head;
            echo " <img src='$board_skin_path/img/icon_link.gif' align=absmiddle>";
            echo "<a href='".$list[$i][link_href][$j]."' target=_blank>";
            echo " <span style=\"color:#888;\">".$link."</span>";
            echo " <span style=\"color:#ff6600; font-size:11px;\">[".$list[$i][link_hit][$j]."]</span>";
            echo $table_tail;
        }
    }

2. 파일 을 가져오는 부분입니다.

// 파일 정보 불러오기 (그누폴더/lib/common.lib.php파일 206줄 참조)
    $file = get_file($bo_table, $list[$i][wr_id]);

// 파일 다운로드 (그누폴더/lib/common.lib.php파일 206줄 참조)
    for($j=0; $j<$file["count"]; $j++){
     if(!$file[$j][image_type]){
      echo $table_head;
      echo "<img src='$board_skin_path/img/icon_file.gif' align='absmiddle'>";
      echo " <a href=\"javascript-x:file_download('".$file[$j][href]."', '".$file[$j][source]."');\">";
      echo "<span style=\"color:#888;\">".$file[$j][source]."</span>";
      echo " <span style=\"color:#ff6600; font-size:11px;\">[".$file[$j][download]."]</span>";
      echo " <span style=\"color:#cccccc; font-size:11px;\">DATE:".$file[$j][datetime]."</span></a><br>";
      echo $table_tail;
     } 
     if($j == $file["count"]-1)
      echo "<div style='height:10px;'></div>";
    }
    
    //이미지 출력 (그누폴더/lib/common.lib.php파일 206줄 참조)
       for($j=0; $j<$file["count"]; $j++){
     if($file[$j][image_type]){
      echo $file[$j][view]."<br>";
     } 
    }

3. 내용안에 있는 이미지 리사이즈하여 클릭시 팝업으로 띄우는 부분

// 내용 (그누폴더/lib/common.lib.php파일 285줄 참조)
// 내용에서 보여지는 이미지에 팝업링크를 건다.

    echo preg_replace("/(\<img )([^\>]*)(\>)/i", "\\1 name='target_resize_image[]' onclick='image_window(this)' style='cursor:pointer;' \\2 \\3", $list[$i]['content']);

}// 루프 끝

4. 마지막으로 리사이즈 이미지 클릭시 팝업으로 띄우기 위한 자바스크립

<!-- 이미지 리사이즈 -->
<script language="JavaScript" src="<?="$g4[path]/js/board.js"?>"></script>

<!-- 이미지 리사이즈를 위한 함수 호출 -->
<script language="JavaScript">
window.onload=function() {
    resizeBoardImage(<?=(int)$board['bo_image_width']?>);
    drawFont();
}
</script>

※ 이미지 리사이즈 함수 호출을 해도 리사이즈가 않될시

<script language="JavaScript">
function resize_img() {
    resizeBoardImage(<?=(int)$board['bo_image_width']?>);
    drawFont();
}

window.onload=setTimeout("resize_img()", 0);
</script>
추천
0

댓글 2개

전체 8 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT