클릭해도 같은 곳 보여주기 정보
클릭해도 같은 곳 보여주기관련링크
본문
위 사이트의 중간 정도를 보시면 'PRODUCT SHOP'이라는 것이 있습니다.
우측 상단에 탭메뉴를 플래쉬로 만들었습니다.
각 버튼에는 "/index.php?ca_id=AA"라고 링크를 주었습니다.
각 버튼을 클릭하면 변수에 관련되는 상품들이 안에 보여주도록 되어 있습니다.
그런데 버튼을 클릭하면 상단으로 이동을 해 보립니다.
상단으로 이동하지 않고 그곳을 계속 보여주며 상품들만 변화하도록 하려면 어떻게 하면 되는지요?
아무리 생각해도 방법이 생각나지 않아 질문드립니다.
댓글 전체
<a href="#name"> ~링크주소 </a>
<a name="name"> ~찾아갈 위치 </a>
요 태그를 활용하면 될지도 모르는데... 되었던 것 같기도 하고 잘은 모르겠네요.
index의 찾아가야할 부분 쯤에
<a name="bbb"></a> 이렇게 해놓고,
링크주소는
/index.php?ca_id=AA&#bbb 이렇게 하면 a name 태그부분이 최상위로 나오게 될 겁니다.
약간 엉성하기는 합니다. ^^
이 태그의 위치에서 아래내용이 화면보다 짧으면 당연히 더 못내려가서 최상위는 안되기도 합니다.
더 뽀대나게 할려면 아래 소스로 한번 해보세요.
아래는 네OO 에서 검색해서 찾은 소스인데 스크롤위치 기억하는 소스입니다.
쿠키를 이용하는 것 같네요.
========================================================================
<body onunload=ck(0) onload=ck(2)>
<script>
/*
쿠키핸들링함수는 jsguide의 nextream님의 메소드를 차용하였습니다.
http://jsguide.net/ver2/examples/index.php?mode=view&uid=176&page=1
*/
function setCookie (name, value, expires) {
document.cookie = name + "=" + escape (value) +
"; path=/; expires=" + expires.toGMTString();
}
function getCookie(Name) {
var search = Name + "="
if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
offset = document.cookie.indexOf(search)
if (offset != -1) { // 쿠키가 존재하면
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset)
// 쿠키 값의 마지막 위치 인덱스 번호 설정
if (end == -1)
end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
}
return "";
}
function ck(v){
var expdate = new Date();
// 기본적으로 30일동안 기억하게 함. 일수를 조절하려면 * 30에서 숫자를 조절하면 됨
switch(v){
case 0:
expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
setCookie("saveid", document.body.scrollTop, expdate);
break;
case 1:
expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
setCookie("saveid", document.body.scrollTop, expdate);
break;
case 2:
var a=getCookie('saveid');
document.body.scrollTop=a;
break;
}
}
</script>
<a name="name"> ~찾아갈 위치 </a>
요 태그를 활용하면 될지도 모르는데... 되었던 것 같기도 하고 잘은 모르겠네요.
index의 찾아가야할 부분 쯤에
<a name="bbb"></a> 이렇게 해놓고,
링크주소는
/index.php?ca_id=AA&#bbb 이렇게 하면 a name 태그부분이 최상위로 나오게 될 겁니다.
약간 엉성하기는 합니다. ^^
이 태그의 위치에서 아래내용이 화면보다 짧으면 당연히 더 못내려가서 최상위는 안되기도 합니다.
더 뽀대나게 할려면 아래 소스로 한번 해보세요.
아래는 네OO 에서 검색해서 찾은 소스인데 스크롤위치 기억하는 소스입니다.
쿠키를 이용하는 것 같네요.
========================================================================
<body onunload=ck(0) onload=ck(2)>
<script>
/*
쿠키핸들링함수는 jsguide의 nextream님의 메소드를 차용하였습니다.
http://jsguide.net/ver2/examples/index.php?mode=view&uid=176&page=1
*/
function setCookie (name, value, expires) {
document.cookie = name + "=" + escape (value) +
"; path=/; expires=" + expires.toGMTString();
}
function getCookie(Name) {
var search = Name + "="
if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
offset = document.cookie.indexOf(search)
if (offset != -1) { // 쿠키가 존재하면
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset)
// 쿠키 값의 마지막 위치 인덱스 번호 설정
if (end == -1)
end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
}
return "";
}
function ck(v){
var expdate = new Date();
// 기본적으로 30일동안 기억하게 함. 일수를 조절하려면 * 30에서 숫자를 조절하면 됨
switch(v){
case 0:
expdate.setTime(expdate.getTime() + 1000 * 3600 * 24 * 30); // 30일
setCookie("saveid", document.body.scrollTop, expdate);
break;
case 1:
expdate.setTime(expdate.getTime() - 1); // 쿠키 삭제조건
setCookie("saveid", document.body.scrollTop, expdate);
break;
case 2:
var a=getCookie('saveid');
document.body.scrollTop=a;
break;
}
}
</script>