그누의 메인페이지에 있는 최신글은 어떻게 만드는가요? > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

그누의 메인페이지에 있는 최신글은 어떻게 만드는가요? 정보

그누의 메인페이지에 있는 최신글은 어떻게 만드는가요?

본문

질문이 너무 방대한가요?......^^;
아래 자바가 보이긴 한데...이용할 줄을 모르겠네요....

<script language="JavaScript">
            var new_save = 'new_all';
            var latest_m01_img = new Image();
            var latest_m02_img = new Image();
            var latest_m03_img = new Image();
            var latest_m04_img = new Image();
            var latest_m01_on_img = new Image();
            var latest_m02_on_img = new Image();
            var latest_m03_on_img = new Image();
            var latest_m04_on_img = new Image();
            latest_m01_img.src = 'img/latest_m01.gif';
            latest_m02_img.src = 'img/latest_m02.gif';
            latest_m03_img.src = 'img/latest_m03.gif';
            latest_m04_img.src = 'img/latest_m04.gif';
            latest_m01_on_img.src = 'img/latest_m01_on.gif';
            latest_m02_on_img.src = 'img/latest_m02_on.gif';
            latest_m03_on_img.src = 'img/latest_m03_on.gif';
            latest_m04_on_img.src = 'img/latest_m04_on.gif';
            function new_change(new_id)
            {
                document.getElementById('latest_m01').src = latest_m01_img.src;
                document.getElementById('latest_m02').src = latest_m02_img.src;
                document.getElementById('latest_m03').src = latest_m03_img.src;
                document.getElementById('latest_m04').src = latest_m04_img.src;

                if (new_id == 'new_gnuboard')
                    document.getElementById('latest_m01').src = latest_m01_on_img.src;
                else if (new_id == 'new_youngcart')
                    document.getElementById('latest_m02').src = latest_m02_on_img.src;
                else if (new_id == 'new_product')
                    document.getElementById('latest_m03').src = latest_m03_on_img.src;
                else if (new_id == 'new_community')
                    document.getElementById('latest_m04').src = latest_m04_on_img.src;

                document.getElementById(new_save).style.display = 'none';
                document.getElementById(new_id).style.display = 'block';
                new_save = new_id;
            }
           
           
            </script>
  • 복사

댓글 전체

위의 자바코드는 메뉴위에 커서를 올리면 색상을 변경시켜주는 코드가 대부분이고

document.getElementById(new_save).style.display = 'none'; <= 이전에 선택한 테이블
document.getElementById(new_id).style.display = 'block';    <= 새로 보일 테이블
new_save = new_id;

실제 핵심은 이거네요...
5개의 테이블이 있고, display:none과 block를 적절히 바꿔주는...

색상변경쪽을 css로 바꾸고 내용쪽만 신경써도 될 것 같습니다.
© SIRSOFT
현재 페이지 제일 처음으로