모달 창 페이지 불러오기 질문
본문
로그인을 할 때 모달 창을 쓰도록 구현 했습니다.
그런데 html 내에서 미리 숨겨둔 모달 내용에 include 한 login.php 페이지가 있는데
이걸 a 버튼(모달 창 띄우기) 을 눌렀을 때 그 때 부터 숨겨둔 내용을 불러오기 시작할 수 있는 방법은 없을까요?
미리 html에 띄워놓고 숨겨놓고 하면 회원이 로그인을 하지 않으려고 할 때
페이지 불러오는 속도가 조금 신경 쓰여서요..
답변 2
빈 Div를 하나 생성해놓으시고, 클릭시 아래와 같이 입력하게 하면 됩니다.
이게 싫으시면 Ajax를 이용하셔도 됩니다.
//빈 Div
<div id="hidden_div"></div>
<script>
function click(){
//원하시는 html소스 입력.
var div_html = "";
div_html += "<form name='login' action='login_check.php'>";
div_html += "<input name='mb_id'>";
div_html += "<input name='mb_pw'>";
div_html += "</form>";
//빈 Div id에 html소스 넣기
$("#hidden_div").html(div_html);
}
</script>
답변 감사합니다.
현재 방식은 id를 모달에 다 쓰고 있어서 말씀해주신 걸로는 안될 것 같구요..
인클루드 되는 페이지와 모달이 여러개고 코드가 엄청 긴데
다 하나하나 그런 식으로 해야하는 건가요?..
숨기는 것, Ajax로 따로 받아오는것, iframe을 써서 페이지를 따로 만드는것
정도의 방법이 있겠네요~
어차피 소스는 어딘가에 써야되는 부분이라
코드가 엄청 긴데 라는 말씀은 좀 이상하네요.
아이프레임으로 페이지를 만들어도 div를 겉으로만 안보이게 숨겨놓는 것이라
똑같이 페이지에 그대로 코드가 남아있지 않을까요..?
Ajax로 구현하는 방법도 궁금합니다. 혹시 참고 자료 있을까요?
코드가 엄청 길다는 것은 답변해주신 스크립트로 한 줄 한 줄 코딩해야 되는 것으로 보여서
그렇게 말씀 드렸는데 이상하게 보이셨다면 죄송합니다 ㅠ
보통은 이런경우 css를 이용하여 로그인창을 숨겨놓습니다.
로그인 시에는 로그인 process가 있는 페이지로 폼전송하도록 되어있구요...
login.php에 있는 뷰내용들을 원하시는 페이지에 삽입하신 후 해당 내용의 wrap격인 div에 display:none;을 주시고,
로그인 버튼을 클릭하면 숨겨두었던 wrap을 다시 보이도록 display:block; 형태로 자바스크립트로 컨트롤 하면 될겁니다.
아니요.. 질문을 다 안읽어보신 것 같습니다ㅠ
질문의 내용은 "숨겨놓은 html을 '모달창 띄우는 버튼'을 클릭했을 때 그 때부터 모달에서만 불러오게끔" 하고 싶다는 질문입니다. 말씀하신건 지금 쓰고 있는 방식이구요..