여기서 idecontent.style.display가 block상태로 다른페이지로 넘어가도 유지되고: apply .js globally 하세요. (외부에서 global 로 적용하시라구요.)

브라우저를 닫으면 쿠키삭제: onunload="del_cookie()"

!아, 그누보드에서 사용하시는거죠?  그누보드는 session 이 있으니까, 쿠키 종료날짜를설정하셔야 합니다.  (아무날짜나 상관 없습니다. 과거 날짜를 하나 선택해 정하시면 됩니다. )

/*음.. 뭐 하시려고 하는지 보려고 사이트 잠깐 방문해 봤는데요, 지금 작업하시고 계신 것, (왼쪽 패널) 제가 작년해 해봤던거라서.... jQuery animation 으로 부드럽게 열고 닫히게 하면 더 좋을 것 같습니다. 코드도 더 간결하구요.

Q: jQuery 를 쓰면 더 무거워지지 않느냐? 
A: 어짜피 그누보드 자체에서 jQuery 를 불러오고 있음으로 더 무거워지는게 아닙니다..

1. 일단 그누보드의 쪽지로 답장을 드리면 보안상 문제가 있어서 쪽지로 답장을 못드립니다.  쪽지와 쿠키, 그리고 세션, 무슨 관련이 있을까요? ㅎㅎㅎ

얘기가 너무 길어지고 해킹관련 문제라 설명은 못드리지만, 질문하시는 문제와 밀접한 관련이 있습니다.  지금 하시려는게, 그누보드에서 한번 로그인 하면 30일동안 유지되는 로그인 credential 을 윈도우가 닫히면 삭제하시려는거잖아요.  맞나요?

어느 부분이 이해가 안되시는건지요?  혹시 몰라서

.js 외부적용은 저
 
var side_content = function() {
var __sidecontent = document.getElementById('sidecontent');
var __sidebtn = document.getElementById('_sidebtn');
if(__sidecontent.style.display != "none") {
__sidecontent.style.display = "none";
__sidebtn.src="/img/btn_side_open.png";
} else {
__sidecontent.style.display = "block";
__sidebtn.src="/img/btn_side_close.png";
}
}

거를 예를 들자면 side.js 이렇게 저장하셔서

<script type="text/javascript" src="side.js"></script> 이렇게 불러 오시라는 얘기구요... (이 부분이 이해가 안되시는 건 아닐 것 같은데... 암튼....

그리고 쿠키 종료날짜 설정은:

Thu, 01-Jan-99 00:00:01 EST  (이런식으로 날짜를 쓰신 후: 이거는 1999년 1월 1일 이란 뜻 입니다.  EST 는 미국의 시간대구요, 동부..)

암튼, 지금 시도하시려는게, 그누보드에서 생성된 로그인 관련 세션 쿠키를 삭제하시려는 것 같은데, function 을 이렇게 하나 만드세요.

function del_cookie(name) {
    document.cookie = name +
    '=; expires=Fri, 01-Jan-99 00:00:01 EST;';
    }

이러면, 그누보드에서 생성된, 그리고 각 그누보드 방문자의 하드드라이브에 저장되는 세션 쿠키가 1999년 1월 1일 이후로는 그누보드가 무시하게 됩니다.  이해가 되시는지요?  더 자세하게 설명드리면 해킹에 악용될 수 가 있어서... 쿨럭.....

여기서 저 "name" 은 그누보드의 세션 쿠키 이름 입니다.  이걸 찾아서 입력해 주셔야 합니다.  (이 세션쿠키 이름을 여기서 공개하면 리자님이 화나실 수도..... -..-;;)

왜 세션쿠키를 삭제하시려는지 제가 님의 의도를 정확히 몰라서,....  암튼, 최대한 자세하게 설명드렸습니다.

아....

그건 css 로 만으로도 조정이 가능한데.... 그런데 그걸 고치셔도 어짜피 javascript 만으로 animation 넣으시기가 무척 어려울거고...

훔.....

지금 스아니님을 위해서 하나 급조했슴돠......  이걸 받아 쓰세요. 

http://hackya.com/side_tab.htm

크롬에서 우클릭 + 저장 하시믄 됩니다.  물론 아시겠지만, 이걸 모르시는 분들이 가끔계셔서....

소스 보시믄 아시겠지만, 저는 무조건 간결하게 코딩하려고 합니다.

저 왼편 슬라이딩 탭의 코드는

$(document).ready(function(){
$("#cbox").hover(function(){ jQuery(this).stop(true,false).animate({left:  0}, 500); },function(){ jQuery("#cbox").stop(true,false).animate({left: -266}, 500); });
});

이게 전부에요.  무지 쉽고 간단하죠?  ㅎㅎ ㅎ

jQuery 쓰세염...

아, function 화 하지 않고, eraseCookie('name'); 이렇게 하는 방법도 있습니다.

그리고 계속 말씀드리지만, jQuery 를 사용하시면 뭐든지 쉬워집니다.

쿠키 예를 들자면,

jQuery 로 30일 후 만료되는 쿠키 굽기:

$.cookie("name", "foo", { expires: 30});

쿠키 삭제하기

$.cookie("name", null);

무진장 쉽고 간단하죠? ㅋㅋㅋ

이런식으로 쿠키를 굽고, 삭제하고 하시려면 jQuery 쿠키 플러그인을 다운받으시면 됩니다.

https://github.com/carhartl/jquery-cookie

사이트 어제 보니까  javascript 을 어느정도 알고 쓰시던데, 그럼 jQuery 는 뭐 배울것도 없어요.  저는 jQuery 를 좋아합니다. ㅎㅎㅎ

IE 에서 전혀 안느린데....animate 속도를 이렇게 올려보세요....

$(this).stop(true,false).animate({left:  0}, 200); },function(){ jQuery("#cbox").stop(true,false).animate({left: -266}, 200); });

현재도 IE 에서도 부드럽게 잘 작동되는데 이상하네요... (지금 코딩하시느라 브라우저를 많이 열어 놓으신 상태면 메모리 누수 현상때문에 본인 컴퓨터에서만 느리게 작동할 수 있습니다.  브라우저를 다 끄시고 컴퓨터를 다시 켜서 작동시켜보세요.)

저는 한국에서 살고 있는 사람이 아니고, 주민등록번호가 없어서 네이트온 아이디가 없습니다. (사실 한국에서 살아본 햇수도 몇년 안된다는.. 한국 국적도 아니라는.... 한국어가 제 주 언어도 아니라는.... 쿨럭...)

그리고 저 프로그래머 아니고, 그냥 주말에 취미삼아 코딩이나 조금씩 하는 왕초보 에요.. ㅎㅎㅎ

처음부터 윈도우를 킬때 저 javascript 이 한번 작동된 상태로 페이지가 로딩하게 하면되겠죠...

window onload 하면 side_content 를 한번 자동 클릭하게...

그게 제일 쉬울 것 같은데요?

이렇게 하시면 될거에요.

window.onload = function() {
side_content();
};

아!!! 그게 아니구나... 죄송... 제가 한국어가 좀 서툴러서....
////////

일단 쿠키를 구우시구요

function one(sidecontent){
    createCookie("savedvar",sidecontent,1);
}

쿠키를 읽어주면 되겠네요.
readCookie("savedvar")

마지막으로 쿠키 삭제는

eraseCookie('sidecontent');

만족하셨습니까, 고갱님?  ㅎㅎㅎ

쿠키 개념자체 보다 자스 사용법을 잘 모르시는 것 같습니다. 쿨럭.

글로벌로

<script language="Javascript">

function one(sidecontent){
    createCookie("savedvar",sidecontent,1);
}


var side_content = function() {
var __sidecontent = document.getElementById('sidecontent');
var __sidebtn = document.getElementById('_sidebtn');
if(__sidecontent.style.display != "none") {
__sidecontent.style.display = "none";
__sidebtn.src="/img/btn_side_open.png";
} else {
__sidecontent.style.display = "block";
__sidebtn.src="/img/btn_side_close.png";
}
}
</scRIPT>

이렇게 넣으시구요,

저 글로벌 .js 가 적용되는 페이지에서

<script language="Javascript">
readCookie("savedvar")
</scRIPT>

이렇게 하면 되겠지만, 스아이 님의 사이트는 아마 무진장 삽질을 해야 할 것 같습니다.

왜냐하면, 제가 자세히는 안봤는데, 저 왼편 사이드 탭이 하나의 별도 페이지에 존재하고, 본 사이트는 iframe 내에 존재하는걸로 보이거든요?

맞나요?

그럼 parent  (조상) 페이지에서 iframe 내에 들어 있는 child (자식) 에게 님의 javascript value 를 전달해 줘야 하는데, 이걸 또 작업하시려면, 저 side tab 을 짠거 이상으로 더 복잡해 집니다.  제가 작업해도 아마 저도 엄청난 삽질을 하게 될듯.

메뉴를 고치시는 것도 힘드신데, 이걸 iframe 내에서 적용시킨다?

매우 매우 힘드실 것 같습니다. ㅠㅠ

에효.. 고생하고 계시는 것 같아서 사실 어제도 제가 제 방법으로 똑같이 페이지 전체를 다 짜드릴려고 했는데요,...

(모양하고 기능만 똑같으면 만족하시잖아요?)

그런데 저는 테이블 코딩은 하지 않습니다.  하지 않는게 아니라, 못해요.  테이블로 레이아웃잡는거는 웹표준이 아니라서... (저는 교과서식 코딩밖에 할줄 모른다는...)

거의 10년전에나 이런식으로 코딩을 했던건데, 그누보드를 최신버전 (그누보드 DTD) 가 아닌 그누보드 4 나 그누보드 3를 쓰고 계신 것 같네요.  불행하게도 그누보드 4 나 3는 테이블 코딩이라, 저는 손도 못댑니다.

div 코딩이면 제가 저거 10분도 안걸려서 다시 짜드릴수 있는데...
ㅠㅠ

헤벌쭉~

뭔소린 멍 하고 쳐다보고 있는 1인 (--;)

네이버se의 사이드뷰 소스 사용하시는 것 같네요...

top메뉴 넣으면 대책이 안서서 포기했는데..

아,, iframe 은 그냥 http://seuai.com/ 이걸 불러오는거네요...

그런데, 그래도 제가 도와드릴수는 없네요... ㅠㅠ


<tr>

    <td align="left">

        <table width="100%" border="0" cellpadding="0" cellspacing="0">

        <tr onmouseover="this.style.bgcolor='#CCCCCC'">

            <td height=25 class="line">

            <a href='./bbs/board.php?bo_table=talk&amp;wr_id=698'>- <font style='font-family:돋움; font-size:9pt; color:#666AC9;'><strong>포인트밸런스</strong></font></a> <a href="./bbs/board.php?bo_table=talk&amp;wr_id=698"><span style='font-family:돋움; font-size:8pt; color:#9A9A9A;'>(2)</span></a>  </td>

            <td width="65" class="line">2012-06-23</td>

        </tr>

      </table></td>

</tr>

이걸 어떻게 사람눈으로 보는지.... ㅠㅠ  같은 내용을 div 로 표현하자면 대략

<div id="example">
    <li id="sub">
  </li>
</div>

#example {width:100%;}

#sub {....

뭐 이런식으로 아주 간단하게 끝날걸 저렇게 사람눈으로 보는게 불가능 할정도로 복잡하게 되어 있으니 제가 도와드릴수가 없죠. -..-;;

다행히 내용이 iframe 내에 들어가 있는게 아니니 제가 작성해 드린 .js 로 적용해 보세요.  아마 될거에요.  안되면 직접 삽질을 하셔야지 저도 이 이상은 더 도움을 드릴수가 없습니다.

에효...

저는 주중에는 코딩을 하지 않아서요.

쿠키가 생성이 되지 않았다는/혹은 읽히지 못하고 있다는 메세지 입니다.


글로벌로

<script language="Javascript">

function one(sidecontent){
    createCookie("savedvar",sidecontent,1);
}


var side_content = function() {
var __sidecontent = document.getElementById('sidecontent');
var __sidebtn = document.getElementById('_sidebtn');
if(__sidecontent.style.display != "none") {
__sidecontent.style.display = "none";
__sidebtn.src="/img/btn_side_open.png";
} else {
__sidecontent.style.display = "block";
__sidebtn.src="/img/btn_side_close.png";
}
}
</scRIPT>

이부분을 제대로 안하신 것 같은데요?

1. 무슨 얘기냐 하면 저걸 외부 파일로 만드셨냐구요.

저걸 example.js 이런식으로 파일명을 만들어서 모든 페이지들에 적용하셨나요?

2. 그렇게 하셨다면 제대로 reference 되고 있는지 확인하셨나요? (상대경로가 올바르게 지정되었는지 확인해 보셨냐구요.)

이 두가지를 제대로 하셨으면 다음 주말에 알려주세요.  저는 주중에는 코드를 보거나 작성하지 않습니다.

하앗~ 이런 팁이 있었네요 ^^

★★★★★★★★★★★★★★
★ 접속시 왼쪽메뉴 항상 닫힌  상태로 나오게 하려면?
★★★★★★★★★★★★★★
현재 se스킨은 접속시 열린 상태로 되어 있습니다.
오른쪽에 우측메뉴가 있다던지 다른 게 많이 있는 경우 불편해서 이것을 항상 닫혀있는 상태로 하고자 할때 사용합니다..

se스킨 원본대로 적용을 한 상태에서
index.main.skin.php  파일을 열어서,

<!---가운데끝--->
</tr>
</table>
위코드 바로밑에(파일제일 하단쪽입니다.) 아래코드를 추가해줍니다.

<SCRIPT LANGUAGE="JavaScript">
sidecontent.style.display = "none";
sidebtn.src="<?=$mw_index_skin_main_path?>/img/btn_side_open.png";
</SCRIPT>

이방법말고 스타일 시트에서 적용을 해줘도 무방합니다....(이건 패쓰)

이게 아니구 고객님께서는 전 페이지에서 닫히면 다음 페이지에서도 닫힌 상태로 되어 있는걸 원하시다눈.... 쿠키적용을 하고 싶어 하신다눈....

이게 무슨 스킨인가요?

animation 까지 들어가있는 side-tab 을 하나 짜드려도 사용하기 싫다고 하시고...

animation 도 없는 이게 왜 좋은지....  도저히 이해불가....... ㅠㅠ

쿠키를 굽고, 읽기는 이게 전부 입니다.

function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

function eraseCookie(name) {
createCookie(name,"",-1);
}


http://www.quirksmode.org/js/cookies.html (여기에 쿠키에 관한 설명이 자세히 되어 있는데요. 이대로 하신건데 안될리가 없습니다.)

이대로 한건데 지금 안되신다면... 페이지 구조 (간혹 DOC TYPE 때문에  .js 가 안 먹히기도 합니다. 만약 그게 문제면 그래서 쿠키가 못 읽히는거면 그누보드4를 그누보드 DTD 로 바꾸시는 방법밖에 없습니다.)

스아이님 문제 해결을 제가 적극적으로 하기가 힘든게, 일단 제 베이스는 jQuery 이지 javascript 이 아닙니다.  두번째 저는 테이블 코딩 보는걸 무지 싫어 합니다.  테이블 코딩보면 눈알이 빠져요.. javascript 은 OOP 라서 해당 element (그러니까 해당 div에 적용되는건데, 테이블은 어떻게 javascript 이 적용되는지도 저는 정확히 모릅니다.)

스아님 페이지는 둘다 요즘 방식이 아니라서요, 더구나 javascript 전문가는 오리스키님 같은 분들이지 저는 생초짜라서 저도 문제 해결하려면 엄청삽질을 합니다.

오리스키님이 자게에 안계셔서 저도 게시판에 당분간 오지 않을 생각이라.. 제가 짜드린데로 그냥 왼편 탭을 자동으로 열고 닫히게 하면 해결되실 것 같은데, 왜 쿠키 적용을 하고 싶어하시는지 저는 도대체 이해불가 입니다.

더 많은 도움이 되드리지 못해 죄송.... -..-;;

...ㅠㅠ어렵네요