새로운 회사에 이직해 정말 오랫만에 자바스크립트를 만지다 보니 많이 헷갈립니다.
제가 근무하는 곳은 주로 IE위주로 작업이 되어 있어 타 브라우저에서 작동 안되는 경우가 많습니다. 이것들을 언제 고치나 앞이 캄캄하기도 하지만 덕분에 좀더 깊이 있게 배울 수 있지 않을까 하는 마음으로 첫 테이프를 끊습니다.
부모창에서 iframe을 두고 그 iframe에 팝업 호출 함수를 통해 팝업을 띄우는 방식에 대해서 설명합니다.
보통 이렇게 하면 브라우저에서 팝업차단이 설정되어 있어도 팝업이 차단되지 않고 호출됩니다.
이곳에서는 실명인증이나 본인확인 혹은 아이핀 팝업을 호출할때 사용하고 있습니다.
보다 쉬운 이해를 위해 아래와 같이 그림을 첨부하오니 참고하시기 바랍니다.
1. 부모창에서 경로 없는 팝업 생성 및 아이프레임으로 원하는 주소를 호출
; 비어 있는(about:blank) 팝업이 호출되면서 동시에 특정 주소를 아이프레임으로 호출합니다. 여기서 특정 주소의 소스코드는 2번을 참고하세요!
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<script type=“text/javascript”>
function checkPersonalInfo() {
var popupWin = window.open(”, ‘popupWindowName’, ‘width=450, height=400, top=0, left=0, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no’);
iframeName.location.href=‘go to your url!’;
}
</script>
<body>
<a href=“#” onclick=“checkPersonalInfo()”>개인정보확인</a>
<iframe name=“iframeName” id=“iframeName”></iframe>
<form name=“nextPageForm” action=“nextpage.htm” method=“post”>
<input type=“hidden” name=“step” value=“2” />
</form>
</body>
|
2. 부모창에서 아이프레임으로 호출한 파일
; POST 타입 폼 전송을 팝업으로 호출해 이미 떠 있는 비어있는 팝업에 폼으로 전송한 내용이 들어가게 됩니다. 여기서 중요한 것은 빈 팝업을 호출할때의 윈도우의 이름인 ” popupWindowName” 입니다. 반드시 이것으로 타겟을 지정해주어야 이미 열려져 있던 빈 팝업창으로 폼을 전송해줍니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<script type=“text/javascript”>
window.name =“windowiniframe”;
function realPersonalInfo() {
document.personalForm.target = ‘popupWindowName’;
document.personalForm.action = ‘https://cert.openwindow.com/auth.cb’;
document.personalForm.submit();
}
</script>
<body onload=“realPersonalInfo()”>
<form name=“personalForm” method=“post”>
<input type=“hidden” name=“encodeData” value=“==ekfldD32kDSKFJdlf” />
</form>
<form name=“receivedForm” method=“post”>
<input type=“hidden” name=“param_r1” value=“” />
<input type=“hidden” name=“param_r2” value=“” />
<input type=“hidden” name=“param_r3” value=“” />
</form>
</body>
|
사파리에서 간혹 Unsafe Javascript라는 에러가 About:blank 팝업 창에서 뜨는 경우가 있는데 이럴 경우 iframe src에 orgin=[자신의 도메인] 파라미터를 추가해주시면 일단 작동 되는 것을 확인할 수 있습니다.
3. 팝업에서 처리한 내용을 부모창으로 가져오기
; 팝업에서 아래와 같이 작성하게 되면 부모창의 아이프레임 즉 2번 소스의 receivedForm을 submit해서 진행해주게 됩니다. 한가지 주의해야 할 점은 contentWindow라고 적혀있는 부분인데, IE에서는 빼도 상관없지만 타 브라우저에서는 작동하지 않는 문제점을 야기 시키니 주의가 필요합니다. 그리고 iframe을 호출할때 반드시 getElementById를 이용해 iframe을 호출해야 정상 작동합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<script type=“text/javascript”>
function openerSubmit()
{
var form = opener.document.getElementById(‘iframeName’).contentWindow.document.forms[‘receivedForm’];
form.param_r1.value = “<?= $param_r1 ?>”;
form.param_r2.value = “<?= $param_r2 ?>”;
form.param_r3.value = “<?= $param_r3 ?>”;
form.target = “windowiniframe”;
form.action = “go to url”;
form.submit();
self.close();
}
</script>
|
가령, 부모창의 iframe이 아닌 부모창 자체의 폼을 submit하려면 어떻게 해야할지 궁금해하시는 분들도 계실까하여 아래 소스코드 첨부합니다.
|
1
2
3
4
5
6
|
<script type=“text/javascript”>
function parentSubmit() {
opener.document.nextPageForm.step.value = 3;
opener.document.nextPageForm.submit();
}
</script>
|
WH Smith has been one of Britain’s more successful retailers over the past year, having managed to deliver the best sales since 2002. Good news for the company’s shareholders. My daycare provider, back in Vermont, once pointed out that kids who are bigger than average (like my Esther) can really get the short end of the stick, in that they are treated like older kids and are often expected to better when they are really just large babies. She believes it can have lasting effects and we all need to watch out for it. In Cheap NFL Jerseys addition to losing fat, you want to build muscle mass so that you look powerful, not emaciated. While everyone is different, the ripped appearance tends to cheap China Jerseys show up on men when your body fat percentage is at or below 7 percent, explains certified personal trainer Marc Percy on the Built Lean website. FILE In this April 9, 2013, file photo, former NFL player Kevin Turner, left, speaks beside former player Dorsey Levens during a news conference in Philadelphia. The Supreme Court on Monday, Dec. Great article. How about fire with chocolate and a coke can? I serious here. We’ve got to go there and do what we do. They have great athletes, and definitely in the secondary and their front seven is very, very good. I know I have talent to play in the NFL and I cheap oakley sunglasses look forward to getting an opportunity once again to prove that I can help a team win. Despite winning one of the most coveted honors in college football, he waited until the 249th pick in the seventh round of the 2014 draft before being selected by the Rams. We appreciate you, Lincoln. You’re rock solid; sleek. You could also try running Mistress 1.0 via a UseNet provider under an anonymous name. Again, do not forget the risk of viruses which can sinisterly download from the UseNet.. You’re having a horrible season cheap nfl jerseys at 0 4, and now you welcome the Patriots, who are angry they were shut out at home last week. And to rub salt into the wounds, four time Super Bowl champion quarterback Tom Brady is back from his Deflate gate cheap oakleys suspension and will want to prove a Wholesale Jerseys point. Russell Wilson represents the new guard of quarterbacks, one that has an opportunity to beat both Peyton Manning and Tom Brady in the sports biggest game. When Super Bowl Sunday does roll around, Seattle will have the opportunity to remove the New England Patriots as the figurehead of the NFL, establishing an entirely new chapter in the sport. East Jesus (“Not cheap football jerseys a religion, do not worship” is their slogan) functions as the proof of concept for a functional post apocalyptic society. There was ample electricity from the solar panels, a full kitchen, fans, beds and permanent buildings, all made out of trash and all surrounded with desert art (also made out of trash).