ㅅㄷㄴㅅ 아리까리 소스 > 자유게시판

기타 ㅅㄷㄴㅅ 아리까리 소스

작성자 innofact쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물
댓글 0건 조회 3,179회 작성일 20-09-17 08:58

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>게시판 페이지피망머니상</title>

    <!-- css 가져오기 -->

    <link rel="stylesheet" type="text/css" href="/coco/resources/semantic.min.css">

    <style type="text/css">

        body {

            background-color: #DADADA;

}

        body>.grid {

            height: 100%;

}

        .image {

            margin-top: -100px;

}

        .column {

            max-width: 1000px;

}

        .view_btn {

            cursor: pointer;

}

    </style>

</head>

<body>

    <div class="ui middle aligned center aligned grid">

        <div class="column">

            <h2 class="ui teal image header">

                게시판 페이지

            </h2>

            <div class="ui large form">

                <div class="ui stacked segment">

                    <a href="/coco/write_bbs"><button class="ui fluid large teal submit button">게시글 작성하기</button></a>

                    <table class="ui celled table">

                        <thead>

                            <tr>

                                <th>#</th>

                                <th>제목</th>

                                <th>등록자</th>

                                <th>등록일</th>

                            </tr>

                        </thead>

                        <tbody id="list">

                        </tbody>

                    </table>

                </div>

                <div class="ui error message"></div>

            </div>

        </div>

    </div>

    <div class="ui modal" id='view_modal'>

        <i class="close">x</i>

        <div class="header" id="b_title">

        </div>

        <div class="content">

            <div class="description">

                <p style = "text-align: right" id = "b_review"></p>

                <div id = 'b_content'></div>

            </div>

        </div>

        <div class="actions">

            <div class="ui black deny button">

                닫기

            </div>

        </div>

    </div>

    <!-- js 가져오기 -->

    <script src="/coco/resources/jquery3.3.1.min.js"></script>

    <script src="/coco/resources/semantic.min.js"></script>

    <script>

        $(document).ready(function() {

            $.ajax({

                type: "get",

                url: "bbs_all",

                success: function(data) {

                    //데이터 만큼 폴문을 돌림

                    for (var str in data) {

                        //변수 tr에 속성을 data-id로 data[str]['b_no']를 넣어주고 id가 list인 태그에 추가

                        var tr = $("<tr></tr>").attr("data-id", data[str]['b_no']).appendTo("#list");

                        //tr에 td테이블 추가 및 클래스 추가 + 텍스트 수정

                        $("<td></td>").text(data[str]['b_no']).addClass("view_btn").appendTo(tr);

                        $("<td></td>").text(data[str]['b_title']).addClass("view_btn").appendTo(tr);

                        $("<td></td>").text(data[str]['b_ownernick']).addClass("view_btn").appendTo(tr);

                        $("<td></td>").text(FormatToUnixtime(data[str]['b_regdate'])).addClass("view_btn").appendTo(tr);

}

},

                error: function(error) {

                    alert("오류 발생" + error);

}

});

            $(document).on("click", ".view_btn", function() {

                //해당하는 태그 속성중 DATA-ID를 가져와서 B_NO에 담음

                var b_no = $(this).parent().attr("data-id");

                $.ajax({

                    type: "get",

                    url: "get_bbs",

                    data: {

                        b_no: b_no

},

                    success: function(data) {

                        //해당하는 ID에 텍스트문 변경

                        $("#b_title").text(data['b_title']);

                        $("#b_review").text(data['b_ownernick'] + 

추천0 비추천0

등록된 댓글이 없습니다.