ajax 레이어팝업 샘플이라는데....맞는건지? 문의드립니다. 채택완료
더블피디
10년 전
조회 12,732
a.jsp 파일에서 버튼을 클릭시 b.jsp 파일을 불러와 레이어 형식으로 팝업을 띄울려고 한다는 문의사항에 대해
아래와 같은 답변이 지식인에 있더군요
그런데 b.jsp라는 것은
load.('다른파일',.... ===> load.('http://www.naver.com">http://www.naver.com',.....
이렇게 코딩을 하면 되는건지...
녹색의 레이어팝업되는 부분에 naver화면이 떠야 하는거 같은데
아무것도 안나와서.
</p><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><!doctype html></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><html></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><head></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><meta charset="utf-8"></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><title>다른 파일을 불러와 레이어 팝업 띄우기</title></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><script src="//code.jquery.com/jquery-1.11.3.js"></script></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><script></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">$(document).ready(function(){</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> $('#btn_layerPopup').click(function(){</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> $('#layerPopup_content').load('<span style="color: rgb(255, 0, 0);">다른파일</span>', function(){</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> $('#layerPopup').show();</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> });</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> });</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> $('#btn_layerPopup_hide').click(function(){</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> $('#layerPopup').hide();</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> });</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">});</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"></script></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"></head></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><body></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><div id="layerPopup" style="position:absolute; z-index:10; width:500px; height:500px; left:50%; top:50%; margin-left:-250px; margin-top:-250px; background-color:green; display:none;"></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> <div id="layerPopup_content"></div></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"> <button type="button" id="btn_layerPopup_hide">팝업닫기</button></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"></div></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><button type="button" id="btn_layerPopup">팝업보기</button></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;">html영역입니다.
</div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><a href="<a href="<a href="http://www.naver.com" target="_blank" rel="noopener noreferrer">http://www.naver.com</a>"><a href="http://www.naver.com" target="_blank" rel="noopener noreferrer">http://www.naver.com</a></a>">네이버으로 이동하기</a></br></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><a href="<a href="<a href="http://www.naver.com" target="_blank" rel="noopener noreferrer">http://www.naver.com</a>"><a href="http://www.naver.com" target="_blank" rel="noopener noreferrer">http://www.naver.com</a></a>">네이버으로 이동하기</a></br></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"><a href="<a href="<a href="http://www.naver.com" target="_blank" rel="noopener noreferrer">http://www.naver.com</a>"><a href="http://www.naver.com" target="_blank" rel="noopener noreferrer">http://www.naver.com</a></a>">네이버으로 이동하기</a></br></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"></body></div><div style="margin: 0px; padding: 0px; color: rgb(64, 64, 64); font-family: gulim, sans-serif; font-size: 13px;"></html></div><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
답변을 작성하려면 로그인이 필요합니다.
로그인