용어 및 조건을 올바르게 표시하는 방법은 무엇입니까?

Question

조건을 수락하기위한 확인란 옆에 레이블이 있습니다 & 조건. 순간에서 사용자가 약관을 읽어 수있는 간단한

<a href="/termns.php">Terms</a>

있다.

jQuery를 사용하면 같은 페이지에 회색으로 표시된 상자를 추가하는 편이 편합니다.

자세한 정보를 얻으려면 여러 언어로 된 사이트를 사용하고 있습니다. 사실 모든 언어 버전의 모든 텍스트로 하나의 파일을 만들 수 있지만이 파일은 꽤 혼란 스러울 것입니다.

그 이유는 내가 그 문제에 대한 해결책을 만들었고 올바른 버전을 얻기 위해 템플릿을 사용했기 때문입니다. 세션 설정에서 올바른 디렉토리로 리디렉션됩니다. 따라서 주 텍스트 파일은 /language/terms.php에 저장되며 템플릿은 한 번 포함됩니다.

는 지금은 주위 연주와 같은 것을 발견

JQuery와 :

이

$(document).ready(function(){ 
    $('#popup_terms').click(function(){ 

     $("#screen").css({ 
      "display": "block", 
      "width": $(document).width(), 
      "height": $(document).height(), 
      opacity: .7, 
     }); 

     $("#screen-box").css({ 
      "display": "block", 
     }); 
     return false; 
    }); 
}); 

는 HTML :

이

<label for ="tandc"><?php echo $signup_tac;?></label> 
<div id="screen"></div> 
<div id="screen-box"> 
    <?php include_once "../$language/popup_$filename.php";?> 
</div> 

CSS는이 :

#screen{ 
    position: fixed; 
    z-index: 100; 
    display: none; 
    border: none; 
    background: black; 
    top: 0; 
    left: 0; 
} 

#screen-box{ 
    position: fixed; 
    z-index: 500; 
    display: none; 
    height: 400px; 
    padding: 50px; 
    width: 600px; 
    top: 50px; 
    left: 25%; 
    overflow: scroll; 
} 

이 보인다을 올바른 wa가 아닌 y는 소스 코드를 살펴볼 때 용어의 텍스트가 보이기 때문에 내가 궁금해하는 것이 아니기 때문입니다.

그래서이 문제를 처리하는 "올바른"방법은 무엇입니까?

Answer 1

페이지에서 소스 코드를 즉시 사용하지 않으려면 ajax 또는 iframe을 사용해보십시오.

사용자 브라우저에서 ../$language/popup_$filename.php에 액세스 할 수 있다고 가정하면 해결 방법은 다음과 같습니다.

iframe이 방법

<label for ="tandc"><?php echo $signup_tac;?></label> 
<div id="screen"></div> 
<div id="screen-box"> 
    <iframe src="<?php echo "../$language/popup_$filename.php"?>"></iframe> 
</div> 

아약스 방법

HTML :

<label for ="tandc"><?php echo $signup_tac;?></label> 
<div id="screen"></div> 
<div id="screen-box"></div> 
<script>window.termsUrl = '<?php echo "../$language/popup_$filename.php"?>';</script> 

자바 스크립트 :

$(document).ready(function(){ 
    $('#popup_terms').click(function(){ 
     $("#screen-box").load(window.termsUrl, function(){ 
      $("#screen").css({ 
       "display": "block", 
       "width": $(document).width(), 
       "height": $(document).height(), 
       opacity: .7, 
      }); 

      $("#screen-box").css({ 
       "display": "block", 
      }); 
     }); 
     return false; 
    }); 
}); 

Answer 2

왜 jquery UI 대화 상자를 사용하지 마십시오. 컨테이너를 설정하고 대화 상자에 연결하기 만하면 jquery를 사용하여 열기 또는 닫기 메서드를 호출하면됩니다.

Answer 3

JQuery UI 대화 상자 플러그인 또는 FancyBox와 같은 것을 사용하는 것이 좋습니다. 시간과 두통을 저장합니다. 이러한 플러그인은 AJAX로 콘텐츠를로드하므로 첫 번째 페이지로드에 콘텐츠를 포함 할 필요가 없습니다. 이렇게하면 더 많은 상자를 사용하려는 경우 문제가 될 수 있습니다.