mybook.ejs 1.88 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");
                  $this = $(this);
                  $nav = $('#mynav');
                  $nav.toggleClass('open');
          });
      });


  </script>



  <div id ="show">clickmenu</div>
  <div id ="maintitle">맛집견문록</div>

  <div id ="mynav">
     <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 = "title">

      ㅇㅇㅇ님의 맛집 견문록<br/>

    </div>

    <div id ="content">

      <table border="1">


      <%
          for(var i=0; i<rows.length; i++)
          {
              var oneItem = rows[i];
      %>
      <%if(i==0){ %>

              <tr>
                <td><p class="bold"><%=i%>:a <%=oneItem.title%></p>
                <p class="small"><%=oneItem.address%></p></td>

     <%} else if (i%3==0){%>
              </tr>
                   <tr>
                     <td><p class="bold"><%=i%>:b <%=oneItem.title%></p>
                     <p class="small"><%=oneItem.address%></p></td>


     <%}else if(i%3!=0 && i!=rows.length-1){%>

                    <td><p class="bold"><%=i%>:c <%=oneItem.title%></p>
                    <p class="small"><%=oneItem.address%></p></td>

    <%}else{%>

    <td><p class="bold"><%=i%>:c <%=oneItem.title%></p>
    <p class="small"><%=oneItem.address%></p></td></tr>

      <%}}%>


      </table>





    </div>

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





  </body>

</html>