테스트 사이트 - 개발 중인 베타 버전입니다

모달창 불러오는 질문 채택완료

morrie 5년 전 조회 3,464

index.php 에 모달창을 open 할 버튼을 만들고

form.php 에 띄워질 모달창을 만들었는데

 

index.php에서 어떠게 코드를 짜야 다른페이지를 불러와서 모달창으로 쓸수 있나요?

아니면 모달창은 다른페이지에 작성해서 사용은 못하나요???

 

같은페이지에서는 

 

   <script>
      document.getElementById("modal_open_btn").onclick = function() {
         document.getElementById("modal").style.display = "block";
      }

      document.getElementById("modal_close_btn").onclick = function() {
         document.getElementById("modal").style.display = "none";
      }
   </script>

 

이렇게 하면 됬는데... 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
5년 전

기본적으로는 다른 페이지에 있는 내용을 불러오기는 어렵습니다.

 

jquery 와 ajax 를 활용하면 가능하기는 합니다.

<div id="abc"></div>
<script>    
$(function() {
    $.ajax({
      url: "form.php",
      type: "GET",
      dataType: "html",
      success: function (res) {
            $("#abc").html($(res).find("#modal"));        
      }
    });    
});
</script>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
morrie
5년 전
답변 감사합니다. 모달창을 다른페이지에서 불러오는건 잘 사용을 안하는 방식인가보네요.

댓글을 작성하려면 로그인이 필요합니다.

D
5년 전

모달창(레이어창)을 하나 만들어두고,

index 에서도 버튼을 클릭하면 모달창이 나오고,

서브페이지 만드곳에서도 버튼을 클릭하면 모달창이 나오고,

이걸 말씀하시는건가요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
morrie
5년 전
아니요 인덱스에서 클릭했을때만 나오게 하려고 합니다.
서브페이지는 히든페이지 개념이구요.

댓글을 작성하려면 로그인이 필요합니다.

그누초딩입니다 html만불러오려는 건가요 데이터를 불러오려는건가요?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

m
morrie
5년 전
form.php 안에 있는 <div id="modal">모달창 내부 내용</div> 라는 div의 내용을 불러오려고 합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인