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