<scRIPT LANGUAGE="Javascript">
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>
----------------------------------------------------------------------------------------
<style type="text/css">
#sidecontent { position:relative; display:block; width:250px; height:100%; background-color:#f4f4f4;}
#sidecontent .menu-content { margin:5px 0 0 0; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; background-color:#EFEFEF; padding:5px; }
#sidecontent .menu-content a { letter-spacing:-1px; color:#484848; padding:0 5px 0 5px; }
#sidecontent .menu-content a:hover { text-decoration:underline; }
#sidecontent .menu-content .menuline { margin:5px 0 5px 0; }
.btn_side { position:fixed; top:50%; bottom:50%; vertical-align: middle; text-align:center; }
</style>
----------------------------------------------------------------------------------------
<table id="left">
<td><div align="left" valign="top" id="sidecontent">
<div class="latest">test</div>
</div></div></td><td>
<a href="#" onclick="side_content();" style="cursor:hand;" class="btn_side"><img id='_sidebtn' src="<?=$g4[path]?>/img/btn_side_close.png" border="0"></a></td>
</table>
----------------------------------------------------------------------------------------
<!-- btn_side_close.png 이미지를 클릭하면 왼쪽에서사이드컨텐츠가 사라지며 btn_side_close.png 이미지가 btn_side_open.png 이미지로 바뀐다. 또한 btn_side_open.png 이미지를 클릭하면 사이드컨텐츠가 나타나며 btn_side_close.png 이미지로 바뀐다. -->
여기서 idecontent.style.display가 block상태로 다른페이지로 넘어가도 유지되고 브라우저를 닫으면 쿠키삭제하는방법에 대해 방법을 질문합니다.
댓글 22개
쿠키 개념자체 보다 자스 사용법을 잘 모르시는 것 같습니다. 쿨럭.
글로벌로
<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 내에서 적용시킨다?
매우 매우 힘드실 것 같습니다. ㅠㅠ
글로벌로
<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분도 안걸려서 다시 짜드릴수 있는데...
ㅠㅠ
(모양하고 기능만 똑같으면 만족하시잖아요?)
그런데 저는 테이블 코딩은 하지 않습니다. 하지 않는게 아니라, 못해요. 테이블로 레이아웃잡는거는 웹표준이 아니라서... (저는 교과서식 코딩밖에 할줄 모른다는...)
거의 10년전에나 이런식으로 코딩을 했던건데, 그누보드를 최신버전 (그누보드 DTD) 가 아닌 그누보드 4 나 그누보드 3를 쓰고 계신 것 같네요. 불행하게도 그누보드 4 나 3는 테이블 코딩이라, 저는 손도 못댑니다.
div 코딩이면 제가 저거 10분도 안걸려서 다시 짜드릴수 있는데...
ㅠㅠ
아,, 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&wr_id=698'>- <font style='font-family:돋움; font-size:9pt; color:#666AC9;'><strong>포인트밸런스</strong></font></a> <a href="./bbs/board.php?bo_table=talk&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 로 적용해 보세요. 아마 될거에요. 안되면 직접 삽질을 하셔야지 저도 이 이상은 더 도움을 드릴수가 없습니다.
그런데, 그래도 제가 도와드릴수는 없네요... ㅠㅠ
<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&wr_id=698'>- <font style='font-family:돋움; font-size:9pt; color:#666AC9;'><strong>포인트밸런스</strong></font></a> <a href="./bbs/board.php?bo_table=talk&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 되고 있는지 확인하셨나요? (상대경로가 올바르게 지정되었는지 확인해 보셨냐구요.)
이 두가지를 제대로 하셨으면 다음 주말에 알려주세요. 저는 주중에는 코드를 보거나 작성하지 않습니다.
저는 주중에는 코딩을 하지 않아서요.
쿠키가 생성이 되지 않았다는/혹은 읽히지 못하고 있다는 메세지 입니다.
글로벌로
<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>
이방법말고 스타일 시트에서 적용을 해줘도 무방합니다....(이건 패쓰)
★★★★★★★★★★★★★★
★ 접속시 왼쪽메뉴 항상 닫힌 상태로 나오게 하려면?
★★★★★★★★★★★★★★
현재 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>
이방법말고 스타일 시트에서 적용을 해줘도 무방합니다....(이건 패쓰)
게시글 목록
| 번호 | 제목 |
|---|---|
| 12463 |
JavaScript
이미지 좌우로 이동 갤러리 입니다.
|
| 12462 | |
| 12461 |
JavaScript
쉬운 replaceAll 입니다.
|
| 12460 | |
| 12459 | |
| 12458 | |
| 12457 | |
| 12456 |
JavaScript
콤보스타일 메뉴 입니다.
|
| 12455 |
JavaScript
쿠키를 이용한 레이어 공지창 입니다.
|
| 12454 |
JavaScript
효과있는 텍스트 틱커 입니다.
|
| 12453 | |
| 12452 |
PHP
HTTP 인증 하기 입니다.
|
| 12451 |
JavaScript
외부 문서 불러오기 입니다.
|
| 12450 |
JavaScript
지정한 날짜까지 New 이미지를 띄워주기 입니다.
|
| 12449 | |
| 12448 |
JavaScript
메일 주소 검사하기 체크박스 입니다.
|
| 12447 |
JavaScript
무단링크 금지하기 입니다.
|
| 12446 | |
| 12445 |
MySQL
DB백업 및 복원
|
| 12444 |
JavaScript
페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.
|
| 12443 | |
| 12442 | |
| 12441 |
jQuery
input text 대문자만 받는 Jquery
|
| 12440 | |
| 12439 |
JavaScript
이미지 업로드와 미리보기 입니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기