jqtouch home 버튼 만들기

만일 모든 페이지가 각각의 독립된 페이지라면 문제가 없다.
but 동일 페이지를 계속적으로 호출하였다면 아마 아래와 같은 문제에 봉착한다.

- 만일 같은 페이지를 계속적으로 호출한다면 jqtouch의 경우 가장 root단의 페이지#page-호출횟수 로 경로가 지정된다. 아래는 같은 페이지를 5번 호출한것과 같은 화면이다.
- 문제는 root의 화면으로 가기 위해선 back를 5번 눌러줘야 한다는것이다.
- 그래서! home 으로 한번에 갈수 있는 버튼 하나를 만들면 끝!
! 물론 계속적으로 leap 페이지로 뻗어나가도 같은 URL형식을 가지게 된다. 

 

---

<%@ page contentType="text/html;charset=euc-kr" %>

<%

String param1 = request.getParameter("param1");

String param2 = request.getParameter("param2");

%>

<div>

    <div class="toolbar">

        <h1>formTest</h1>        

  <a class="back" href="#">Back</a>

      <a class="button"  href="jqtouchFormtest.jsp"  rel="external">Home</a>

    </div>

      <form action="formTest.jsp" method="POST" class="form" >

      

      <ul class="rounded">

       <li> <input type="text" name="param1" value="<%=param1 %>"/></li>

       <li> <input type="password" name="param2" value="<%=param2 %>"/></li>

    </ul>

     <%=param1 %><br>

  <%=param2 %><br>

 

  <a style="color:rgba(0,0,0,.9); width:50px;" class="submit whiteButton">전송</a>

     

  </form>

</div>

---

위의 소스는 post방식을 하기 위해서 만든 소스에서 살짝 추가만 해준 것이다.(post 방식 링크 참조)
소스상에서 back 버튼 바로 아래에 home를 추가해주었다. 전에 말했던 대로 버튼들은 모두 <a>태그로 되어 있기 때문에 class를 button으로 지정해주어야만 버튼 이미지가 종속된다.
href 의 값은 최종적으로 갈려눈 페이지 이름을 적어주면 된다. 
rel 의 경우 external 은 현재창에서 열기가 된다. 

 

- 혹시 애니메이션효과를 지정할려면 어떻게 해야 하는지 아시는 분은 댓글좀;;-0-;;