mybook.ejs 1.52 KB
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css'/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  </head>
  <body>

  <script>

        $(document).ready(function() {
          $('.sidenav').hide();

          $('#show').click(function() {

                  $('.sidenav').slideToggle("fast");
          });
      });


  </script>




    <div id ="menu">
      <div id ="show">clickmenu</div>

     <ul class="sidenav">
          <li><a class="active" href="home">home</a></li>
          <li><a href="map">맛집도장찍기</a></li>
          <li><a href="mybook">견문록확인</a></li>

     </ul>


    </div>


    <div id = "header"> </div>

    <div id ="content">

                  <table border="1">


                      <%
                        for( var i=0;  i<rows.length; i++)
                       {


                          for( var j  = 0; j<3; j++){
                              num = i * 3 + j;
                              var item = rows[num];
                            


                      %>
                      <tr>
                          <td><p class="bold"><%=num%> : <%=item.name%></p>

                            <p class="small"><%=item.place%></p></td>


                            <% }  %>

                      </tr>


                      <%
                       }
                      %>
                    </table>





    </div>

    <div id ="footer"></div>




  </body>

</html>