프레임셋 기능을 구현하고 싶습니다 + 추가질문
본문
질문1)
제로보드4로 끝까지 버티다가 그누보드5로 넘어와서 적응 중인 뉴비입니다!
그누보드로 구현된 링크의 사이트 ( 링크: 자만추 ) 처럼
페이지를 링크타서 이동하더라도 항상 오른쪽에 떠있는 페이지를 구현하고 싶습니다.
(본문 컨텐츠가 링크 이동으로 변하더라도, 오른쪽 부분은 리프레시가 되지 않는게 핵심)
아주 오래 전엔 프레임셋으로 구현하다가 마지막엔 아이프레임으로 구현했었는데,
손님이 웹사이트 index 입구가 아닌 검색엔진을 통해 중간부터? 입장했을 때 문제가 생기니..
저 링크의 웹사이트 처럼 구현하고 싶습니다.
최대한 그누보드5의 뼈대? 소스는 안건드리고 (이후 보안패치를 하더라도 문제 안 생기게 할 목적)
theme/basic 폴더 내 파일을 수정해서 유지보수를 쉽게 하고 싶은데 가능할까요?
(head.php, tail.php 정도만 건드리면 제일 좋을텐데 말이죠.. 제 희망사항)
제로보드4 시절부터 인터넷의 고수분들의 팁을 가져와서 조금 수정해서 쓰는 정도의 실력 수준 밖에 안되어서 너무 고급수준의 기술은 제가 못 알아들을 수 있습니다. ㅜㅜ
읽어주셔서 감사합니다.
질문2)
여기 게시판 목록에서 회원 닉네임을 클릭하면 쪽지보내기, 자기소개 등 팝업이 나타나는데 (아래 캡쳐 img)
저는 현재 그누보드 basic 게시판 스킨 사용중인데, 닉네임을 클릭해도 반응이 없네요
별도의 다른 스킨을 써야 가능한 기능인지요?
답변 3
프레임셋은아니고, ajax 통신을하는거 보니까, pjax 검색해보시면 될듯합니다.
1. 그누보드5로는 불가능에 가깝습니다. HTML5에서 폐기된 프레임셋 통해서 구현할 수도 있겠지만 유지보수가 힘들 듯...
2. 게시판관리자에서 사이드뷰 사용 체크해 보세요.
_blank 예외처리하시면 될듯합니다.
--index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function () {
$('.ajax-link').on('click', function (e) {
e.preventDefault(); // 기본 링크 동작 방지
const url = $(this).attr('href');
const selector = ' #main-content'; // 공백 포함 필수: .load() 문법상 필요
$('#main-content').html('<p>불러오는 중...</p>');
$('#main-content').load(url + selector, function (response, status, xhr) {
if (status === "error") {
$('#main-content').html('<p>오류 발생: ' + xhr.status + '</p>');
}
});
});
});
</script>
<title>Document</title>
</head>
<body>
<a href="1.php" target="_self" class="ajax-link">링크1</a>
header
<div id="main-content">
main
</div>
footer
</body>
</html>
---1.php
헤더
<div id="main-content">
테스트 내용1
</div>
푸터
