그누보드 게시판 새로고침 질문입니다.
본문
iframe을 활용해서 게시판만 불러와서 사용중입니다.
게시글 안에서 새로고침을 하면 목록으로 나와지는데
목록으로 안나와지게 하는 방법이 방법이 있을까요?!
답변 2
어떤식으로 구현을 하셨는지 정확히는 모르겠지만
다음을 참고해 보시면 어떨까 합니다.
<!DOCTYPE html>
<html>
<head>
<title>게시판</title>
<script>
// iframe 내부의 페이지를 제어하는 함수
function controlIFrame() {
// iframe 요소 가져오기
var iframe = document.getElementById('myFrame');
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
// 새로고침 이벤트 감지
iframeWindow.addEventListener('beforeunload', function(event) {
// 이벤트 취소
event.preventDefault();
// 새로고침을 하지 않도록 알림 (예시로 경고창 출력)
alert('새로고침을 할 수 없습니다.');
});
}
</script>
</head>
<body onload="controlIFrame()">
<!-- iframe으로 게시판 불러오기 -->
<iframe id="myFrame" src="게시판주소" width="100%" height="600"></iframe>
</body>
</html>
<div class="notice_box">
<iframe id="iframe1" src="게시판 주소" onload="autoResize(this)" scrolling="no" frameborder="0" width="100%"></iframe>
</div>
요렇게 불러와서 사용중입니당........
다음을 참고해 보세요
<!DOCTYPE html>
<html>
<head>
<title>게시판</title>
<script>
// iframe 자동 조절 함수
function autoResize(iframe) {
if (iframe) {
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
if (iframeWindow.document.body) {
// iframe의 높이를 내부 내용에 맞게 조절
iframe.height = iframeWindow.document.body.scrollHeight + "px";
}
}
}
// iframe 내부의 페이지를 제어하는 함수
function controlIFrame() {
// iframe 요소 가져오기
var iframe = document.getElementById('iframe1');
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
// 새로고침 이벤트 감지
iframeWindow.addEventListener('beforeunload', function(event) {
// 이벤트 취소
event.preventDefault();
// 새로고침을 하지 않도록 알림 (예시로 경고창 출력)
alert('새로고침을 할 수 없습니다.');
});
}
// 페이지가 로드된 후 스크립트 실행
document.addEventListener('DOMContentLoaded', function() {
controlIFrame();
});
</script>
</head>
<body>
<!-- iframe으로 게시판 불러오기 -->
<div class="notice_box">
<iframe id="iframe1" src="게시판주소" onload="autoResize(this)" scrolling="no" frameborder="0" width="100%"></iframe>
</div>
</body>
</html>
JavaScript 코드를 페이지의 어떤 부분에서 실행하느냐에 따라 방법이 달라지기 때문에 적절한 위치에 적용하시면 될 것 같습니다.
body에 적용할 경우 다음을 참고해 보세요
<!DOCTYPE html>
<html>
<head>
<title>게시판</title>
<script>
// iframe 자동 조절 함수
function autoResize(iframe) {
if (iframe) {
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
if (iframeWindow.document.body) {
// iframe의 높이를 내부 내용에 맞게 조절
iframe.height = iframeWindow.document.body.scrollHeight + "px";
}
}
}
// iframe 내부의 페이지를 제어하는 함수
function controlIFrame() {
// iframe 요소 가져오기
var iframe = document.getElementById('iframe1');
// iframe의 contentWindow 가져오기
var iframeWindow = iframe.contentWindow || iframe.contentDocument;
// 새로고침 이벤트 감지
iframeWindow.addEventListener('beforeunload', function(event) {
// 이벤트 취소
event.preventDefault();
// 새로고침을 하지 않도록 알림 (예시로 경고창 출력)
alert('새로고침을 할 수 없습니다.');
});
}
</script>
</head>
<body onload="controlIFrame()">
<!-- iframe으로 게시판 불러오기 -->
<div class="notice_box">
<iframe id="iframe1" src="게시판주소" onload="autoResize(this)" scrolling="no" frameborder="0" width="100%"></iframe>
</div>
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.