div를 한 페이지에서 다른 페이지로 이동하려면 어떻게해야합니까?

나는 Transactions.html라는 페이지에서 다음 DIV 있습니다div를 한 페이지에서 다른 페이지로 이동하려면 어떻게해야합니까?

<div class = "theListItem" data-role="collapsible-set" data-collapsed="false"> 
    <div data-role="collapsible" data-collapsed="false" data-theme="a"> 
     <h3>$12.62 - 11/01/2012 - Kelloggs Diner - Brooklyn Ny</h3> 
     <div data-role="controlgroup" data-type="horizontal"> 
      <a class= "green" href="categorize.html" data-transition="slide" data-role="button">Yes</a> 
      <a class="red" href="#" data-role="button">No</a> 
      <a class="blue" href="IDK.html" data-transition="slideup" data-role="button">I'm not sure</a> 
     </div> 
    </div> 
</div>

을 그리고 링크 <a>No</a>를 클릭 할 때 나는 모든 사업부가 다른 summary.html에 페이지로 이동합니다. 어떤 아이디어? 감사합니다.

출처

2012-11-08 Squirrl

원시 방법의 종류 : jQuery를 사용하여이 div에 대해 설정 한 클래스에 대한 가시성을 비활성화 할 수 있습니다 (예 : "theListItem"). 그런 다음 transactions.html에서 div에 대해 설정 한 클래스에서 가시성을 활성화합니다 (예 : "theListItem_summary"). 물론 두 페이지 모두에 HTML 코드가 있습니다. 하지만 실제로 움직이는 것은 아닙니다. – LazerSharks

이 질문에 대한 해결책을 찾았습니까? – Swarne27

당신은 그렇게 할 수 없습니다. 그건 웹의 작동 방식이 아닙니다. 각 HTML 페이지는 자체 포함되어 있으며 캡슐화되어 있습니다.

Github과 같은 일부 사이트에서는 JavaScript 내역 API와 AJAX를 사용하여 새 페이지가 "부분로드 됨"인 것처럼 보이게 만듭니다. 실제로는 같은 페이지입니다.

출처

2012-11-08 05:59:11 Dai

한 페이지에서 링크를 클릭하고 다른 페이지에 영향을주는 방법이 있어야합니다. 예를 들어 blue.html에서 ' Blue'링크를 클릭하고 canvas.html의 배경색을 흰색에서 파란색으로 변경하십시오. 어떻게해야합니까? – Squirrl

CSS와 jQuery. $ ('class_name') 을 사용하여 jQ 클래스를 선택한 다음 .css 속성을 추가하여 CSS 속성을 변경하십시오 (여기에 속성이 있습니다) http://api.jquery.com/css/ – LazerSharks

이렇게하면됩니다. 전체 HTML 컨텐트를 선택하려면 래퍼 div 태그가 있어야합니다.

<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script> 
<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     $('.red').click(function(){ 
      var divData = $('#dataContainer').html(); 
     window.location.href = "summarypage.html?data="+divData+""; 
     }); 
    });    
</script> 

<div id="dataContainer"> 
    <div class = "theListItem" data-role="collapsible-set" data-collapsed="false"> 
     <div data-role="collapsible" data-collapsed="false" data-theme="a"> 
      <h3>$12.62 - 11/01/2012 - Kelloggs Diner - Brooklyn Ny</h3> 
      <div data-role="controlgroup" data-type="horizontal"> 
       <a class= "green" href="categorize.html" data-transition="slide" data-role="button">Yes</a> 
       <a class="red" href="#" data-role="button">No</a> 
       <a class="blue" href="IDK.html" data-transition="slideup" data-role="button">I'm not sure</a> 
      </div> 
     </div> 
    </div> 
</div>

요약 페이지에서 URL에서 데이터를 검색해야합니다. 당신이 이것을 실행하고 'NO'가 요약 페이지로 이동 링크 당신은 당신은 당신은 아마 필요 <?php echo $_REQUEST['data']; ?>

출처

2012-11-08 06:33:50 Swarne27

사용하여이 데이터를 검색하기 위해 PHP를 사용할 수 있습니다

요약 페이지 URL 표시 줄의 HTML 값을 볼 수 있습니다 클릭하면 데이터를 저장하기 위해 PHP 또는 서버 측 기술을 사용하고 정적 페이지를 동적 PHP 페이지로 완전히 변환해야하는 경우 많은 작업이 필요합니다.

출처

2012-11-08 06:52:43

html을 사용하면 한 html 파일에서 다른 html 파일로 데이터를 전송할 수 없습니다. JQuery를 사용하여 데이터 전송 수행 Jquery에서 load()를 사용하여 다른 페이지의 특정 데이터를 페이지에로드 할 수있는 div 또는 place의 speficy 버튼을 클릭하여

출처

2012-11-08 12:09:52 surendra

div를 한 페이지에서 다른 페이지로 이동하려면 어떻게해야합니까?

답변

관련 문제