로그인을 할 때 모달 창을 쓰도록 구현 했습니다.
그런데 html 내에서 미리 숨겨둔 모달 내용에 include 한 login.php 페이지가 있는데
이걸 a 버튼(모달 창 띄우기) 을 눌렀을 때 그 때 부터 숨겨둔 내용을 불러오기 시작할 수 있는 방법은 없을까요?
미리 html에 띄워놓고 숨겨놓고 하면 회원이 로그인을 하지 않으려고 할 때
페이지 불러오는 속도가 조금 신경 쓰여서요..
|
답변 2개 / 댓글 4개
채택된 답변
+20 포인트
빈 Div를 하나 생성해놓으시고, 클릭시 아래와 같이 입력하게 하면 됩니다.
이게 싫으시면 Ajax를 이용하셔도 됩니다.
Copy
//빈 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>답변에 대한 댓글 3개
보통은 이런경우 css를 이용하여 로그인창을 숨겨놓습니다.
로그인 시에는 로그인 process가 있는 페이지로 폼전송하도록 되어있구요...
login.php에 있는 뷰내용들을 원하시는 페이지에 삽입하신 후 해당 내용의 wrap격인 div에 display:none;을 주시고,
로그인 버튼을 클릭하면 숨겨두었던 wrap을 다시 보이도록 display:block; 형태로 자바스크립트로 컨트롤 하면 될겁니다.
답변을 작성하려면 로그인이 필요합니다.
현재 방식은 id를 모달에 다 쓰고 있어서 말씀해주신 걸로는 안될 것 같구요..
인클루드 되는 페이지와 모달이 여러개고 코드가 엄청 긴데
다 하나하나 그런 식으로 해야하는 건가요?..