2013-05-07 1 views
4

다른 페이지 안에있는 한 페이지로 웹 사이트를 만들고 싶습니다.탭 메뉴 웹 사이트를 만드는 방법 (다른 페이지 안에 한 페이지)

한 페이지에서 다른 페이지로 이동하려면 탭이나 유사한 메뉴가 있으므로 페이지는 변경되지 않고 내부 내용 만 변경됩니다. 내부 콘텐츠에는 jquery와 PHP가 많이 있습니다. 하나는 왼쪽에서 검색 할 수있는 양식이 있고 그 결과는 데이터 테이블과 함께 가운데에 표시되므로 결과 내에서 검색하고 주문할 수 있습니다. 한 콘텐츠에서 다른 콘텐츠로 전환합니다. 콘텐츠를 재설정하지 않으려합니다 (예 : 검색을 한 다음 다른 페이지/내부 콘텐츠로 이동하면 검색 결과가 다시 있어야합니다) . 탭 중 하나에 목록 (하위 메뉴)이 있습니다. 그 목록에서 무엇인가를 선택할 때 모든 페이지는 그 선택된 값을 알고 그것을 사용해야합니다.

나는이 모든 것을 아약스, jquery UI 및 PHP로 많이 만들 수 있다고 생각했다.

제 질문은 이렇습니다. 내가 원하는 것을 성취 할 수있는 또 다른 방법이 있습니까? 이 경우 많은 결과를 유지하려면 어떻게해야합니까? (세션을 다시 할 수 있습니까?)

페이지를 많이 사용하는 일반 메뉴를 만드는 것이 더 좋을까요?

이 질문이 허용되기를 바랍니다. 다들 감사 해요!

편집 : 코드를 묻지 않습니다. (jquery 탭과 Google 검색 방법을 알고 있습니다.) 나는 그와 같은 것을 만드는 것이 좋은 연습인지 물어볼 것입니다. (내용이 많은 한 페이지) 또는 더 많은 페이지를 사용하는 것이 더 낫습니다.

수정 2 : 질문을 다시 작성하겠습니다. 나는 이와 같은 것을 만들어야한다 : PHP가있는 다른 내용의 10 페이지, 한 페이지에서 다른 페이지로 이동하기위한 메뉴가 들어있는 jquery. 한 페이지에서 다른 페이지로 이동할 때 왼쪽에있는 페이지에서 선택한 검색 및 옵션이 그대로 남아 있어야만 다시 돌아올 때 볼 수 있습니다. 하나의 메뉴에는 목록이있는 하위 메뉴가 있습니다. 그 목록에서 무엇인가를 선택할 때, 선택된 값은 페이지의 절반 (사물 안에 보이는 것)을 바꿉니다. 어떻게해야합니까? (코드를 표시하지 말고,이 작업을 수행하기 위해 사용해야하는 것이 무엇인지 말해주십시오)

EDIT3 : 온라인으로 보았고 yahoo 메일에는 원하는 내용이 있습니다. 페이지의 상단은 항상 동일합니다. 그런 다음 메뉴가 있습니다 :받은 편지함, 연락처, 캘린더. 연락처를 클릭하면 페이지의 일부만 변경되고 (내 내부 내용), 메뉴에서 다른 음성을 클릭하면 같은 일이 발생합니다. 연락처 내부에서 하나의 연락처를 클릭하면 해당 연락처에 대한 세부 정보를 볼 수 있습니다. 그런 다음받은 편지함을 클릭하고 다시 연락처를 선택하면 이전에 선택한 연락처가 계속 볼 수 있습니다. 이것을 어떻게 할 수 있습니까?

+0

이며 코드는 어디에 있습니까 ??? 관련 코드도 올리십시오 – bipen

+0

시도해 보셨습니까? 그렇다면 게시 할 수 있습니까? –

+1

제발, 단락, 코드 ... – elclanrs

답변

2

jquery Tab plugin을 사용하면이 작업을 간단하게 수행 할 수 있습니다.

또는 ajax 호출을 통해 콘텐츠를 바꿀 웹 사이트 템플릿을 만들어야합니다. 복잡한 웹 사이트를 개발하는 경우 UI 탭이

갈 것보다 간단하게 탭을 선택의 기준으로 컨텐츠를 표시하는 경우

 <html> 
     .... 

     <body> 
      <div class="tab_container"> 
       <ul> 
         <li> Tab 1</li> 
         <li> Tab 2</li> 
       </ul> 
       <!-- integrate nested menu here --> 
      </div> 

      <div id="content"> 
       onclick on tab selection display appropriate content here 
      </div> 
     </body> 

     </html> 

내가 당신을 건의 할 것입니다. 여러 개의 메뉴가 필요합니다. jquery 드롭 다운 메뉴를 사용해보십시오. 콘텐츠를 표시하려면, 예를 들어 언급 한 것처럼 아약스를 사용하여 탭 선택 기준으로 콘텐츠 div를 덮어 씁니다.여기

는 HTML 구조가 간단한 데이터 설명이다

http://codecanyon.net/item/jquery-css3-dropdown-menu-plugin/996815?ref=jared501

Live Example

+0

감사합니다. 나는 jquery UI를 알고 있지만 복잡한 웹 사이트 (그것의 일부)를 사용하는 것이 좋은지 모르겠다. –

+0

AJAX를 통해 페이지를 요청하지만 탭을 사용하려는 것처럼 들릴까요? –

+0

탭을 사용하여 내용을 표시합니다 (단 탭을 사용하고 싶지 않습니다. 솔루션과 탭을 검색 중입니다). 페이지를 새로 고치지 않으려면 아약스를 사용해야합니다. 사용자가 db 내에서 무언가를 검색 한 후 다른 방법이 있습니까? –

0

JQuery와 드롭 다운 메뉴에 대한 링크이다. 일부 데이터를 만들려면 PHP, ASP와 같은 것을 사용해야합니다.

멋진 페이지를 만들고 싶다면 JavaScript와 일반적인이 언어를 사용하십시오. 하지만 정확한 질문이 없으므로 일반적인 대답은

+0

PHP, jquery를 사용하고 있습니다. 제 질문을 분명히하지 않으니 유감입니다. 고맙습니다. –

+0

jquery 탭을 사용할 때 몇 가지 문제가 있다는 것을 알고 있습니다. 예를 들어, JS는 사용자의 브라우저, 기록에서 벗어났습니다. 나에게 더 나은 HTML 메뉴와 AJAX 요청을 사용하여 사용자 컴퓨터의 JS on/off를 사용할 수 있습니다. –

+0

Js는 문제가되지 않습니다. 일부 관리자 만 사용할 수 있으며 js가 있어야한다는 것을 알고 있습니다. 역사? 왜 그게 문제가되어야합니까? html 메뉴와 아약스 사용에 대해 생각해 보겠습니다. –

관련 문제