모달창 불러오는 질문
본문
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
기본적으로는 다른 페이지에 있는 내용을 불러오기는 어렵습니다.
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>
답변 감사합니다. 모달창을 다른페이지에서 불러오는건 잘 사용을 안하는 방식인가보네요.
그누초딩입니다 html만불러오려는 건가요 데이터를 불러오려는건가요?
form.php 안에 있는 <div id="modal">모달창 내부 내용</div> 라는 div의 내용을 불러오려고 합니다.
모달창(레이어창)을 하나 만들어두고,
index 에서도 버튼을 클릭하면 모달창이 나오고,
서브페이지 만드곳에서도 버튼을 클릭하면 모달창이 나오고,
이걸 말씀하시는건가요?
아니요 인덱스에서 클릭했을때만 나오게 하려고 합니다.
서브페이지는 히든페이지 개념이구요.
