페이지를 나누는 좋은 방법이 있으시면 알려주세요!!
본문
http://fun-site.alpha-come.co.jp/easy/riceball.html
요 페이지 인데요...
제가 프로그램에 관해서는 전혀 몰라서...
혹시 좋은 방법이 있으시면 알려주세요!!
맨 밑에 次へ라는 글을 누르시면 다음 페이지로 넘어가는데요...
페이지별로 메뉴 10개씩 보여주고 싶거든요...
그런데 최신 메뉴를 업데이트 할 때마다 맨 앞으로 넣거든요....
생각해보니까 메뉴가 추가 될 때마다 각 페이지를 수정해야 해서
꽤 일이 되더라구요...
요걸 프로그램으로 어떻게 할 수 있는 방법이 있을까요?
php나 javascript를 이용한다든가... 뭐 전혀 .. 감이 안오네요...ㅠ ㅠ
현재는 html/css로만 페이지를 만든 상태입니다...
답변 3
공통된 내용을 파일로 만들어서 각 페이지별로 인클루드하면 됩니다.
1.html
<?php include_once('/head.html'); ?>
1 페이지 내용
<?php include_once('/tail.html'); ?>
2.html
<?php include_once('/head.html'); ?>
2 페이지 내용
<?php include_once('/tail.html'); ?>
답변 감사드립니다.
php로 각 페이지를 만들어 놓고, html에서 불러 오면 된다는 말씀이시죠?
잘 모르겠지만 시도해보겠습니다!! 감사합니다!!
head.html <= 상단 공통 메뉴 파일 하나 만들고
==> 위 사이트 기준 <!doctype html> 에서 </header> 까지
tail.html <= 하단 공통 파일 하나 만들고
==> <div class="banner"> 부터 </html> 까지
page_01.html 파일 하나 만들어서
<?php include_once('/head.html'); //공통상단 파일을 불러옴 ?>
<article id="content">
페이지 내용
</article>
<?php include_once('/tail.html'); ?>
이렇게 만든 다음 도메인/page_01.html 로 들어가 보세요.
자바스크립트와 css를 사용해서 하시면 될듯 싶네요.
우선 a.html에
id가 d1, d2, d3인 div를 여러개 만들어서 그안에 해당 내용을 넣습니다.
d1, d2, d3 이 페이지라고 생각하시면 됩니다.
<script>
function toggle_tab(num){
$("#d1").hide(0); //모든거 안보이게 하기
$("#d2").hide(0); //모든거 안보이게 하기
$("#d3").hide(0); //모든거 안보이게 하기
$("#d"+num).show(0); //선택한거 보이게 하기
}
</script>
그리고 d1, d2, d3 중 2랑 3은 display:none; style css를 주셔서 숨겨주시고,
하단에 페이징 하는 부분에 해당 번호를 넣어주시면 될듯하네요
예) <a href="javascript:;" onclick="toggle_tab(2)">다음</a>
결국에는 이것은 안보이게 한것을 보이게 하는 방식으로 페이징 하는것처럼 보이게 하는것입니다..
탭메뉴를 사용하는 것이 가장 좋은 방법일까요? ㅠ ㅠ
그렇게 되면, html의 내용이 너무 길어질 것 같아서요...
혹시 더 좋은 방법이 없나 연구중입니다 .. ㅠ ㅠ
답변 감사드립니다!!!
// 처음 파일 riceball_100.html
// 추가 파일 riceball_99.html 로 숫자를 하나씩 줄이기
<?
$no = preg_replace('/\D/', '', $_SERVER['PHP_SELF']);
$prev = 'riceball_' . ($no-1) . '.html';
$next = 'riceball_' . ($no+1) . '.html';
?>
<a href="<?=$prev?>">이전</a><a href="<?=$next?>">다음</a>
답변 감사드립니다...
언어만 봐서는 제 지식으로는 전혀 이해가 안되네요 ㅠ ㅠ...
