스크립트로 페이지 전환 효과에 대해 질문좀 할게요.. 정보
스크립트로 페이지 전환 효과에 대해 질문좀 할게요..본문
안녕하세요... ^^* 페이지 전환문제인데요.... 일단 아래 스크립트는 보시면 아실거예요..
일반 페이지에서는 적용이 되는데요.. 그누보드에서는 에러나 나네요...
적용하고싶은데..
적용 : 페이지 접속시 아이콘으로 로딩먼저 보여지면서 스무스 하게 페이지 보여지는건데요..
그누보드 게시판에 해드이용에서 적용하면 로딩아이콘은 보여지는데 페이지에서 넘어가지
않고 있네요...ㅠㅠ 문제점 좀 찾아주세요..부탁드립니다. 10일째 고생하고있습니다...
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Page-Enter 대신에
아래와 같은 스크립트를 활용해서
좀더 예쁘게 꾸미시면 상큼하게 보여줄 수 있을것 같아요
onLoad이벤트시 setTimeout 함수를 쓴 이유는 로딩할 페이지양이 너무 적어서
순식간에 넘어가길레 잠깐 페이지 로딩중이라는 메시지를 눈에 보여지게 하기
위해서 넣었어요. (0.5초)
duration의 값도 좀 더 높여 주는게 더 그럴듯해 보일것 같아요.
<script>
function loading() {
a.style.display="none";
b.style.filter="blendTrans(duration=0.5)";
b.filters.blendTrans.apply();
b.style.visibility="visible";
b.filters.blendTrans.play();
}
</script>
<body onLoad="setTimeout('loading()',500)">
<div id="a" name="a" style="visibility: visible;">
<table align="center"><tr><td>페이지 로딩중......</td></tr></table>
</div>
<div id="b" name="b" style="visibility:hidden;width:200px;height:100px;">
나올 내용
</div>
</body>
++++++++++++++++++++++++++++++++++++=
해결은 했는데요... 글쓰기 하면 에러가 나네요..미쵸.. 목록까지는 돼는데...@,.@a극적극적
일반 페이지에서는 적용이 되는데요.. 그누보드에서는 에러나 나네요...
적용하고싶은데..
적용 : 페이지 접속시 아이콘으로 로딩먼저 보여지면서 스무스 하게 페이지 보여지는건데요..
그누보드 게시판에 해드이용에서 적용하면 로딩아이콘은 보여지는데 페이지에서 넘어가지
않고 있네요...ㅠㅠ 문제점 좀 찾아주세요..부탁드립니다. 10일째 고생하고있습니다...
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Page-Enter 대신에
아래와 같은 스크립트를 활용해서
좀더 예쁘게 꾸미시면 상큼하게 보여줄 수 있을것 같아요
onLoad이벤트시 setTimeout 함수를 쓴 이유는 로딩할 페이지양이 너무 적어서
순식간에 넘어가길레 잠깐 페이지 로딩중이라는 메시지를 눈에 보여지게 하기
위해서 넣었어요. (0.5초)
duration의 값도 좀 더 높여 주는게 더 그럴듯해 보일것 같아요.
<script>
function loading() {
a.style.display="none";
b.style.filter="blendTrans(duration=0.5)";
b.filters.blendTrans.apply();
b.style.visibility="visible";
b.filters.blendTrans.play();
}
</script>
<body onLoad="setTimeout('loading()',500)">
<div id="a" name="a" style="visibility: visible;">
<table align="center"><tr><td>페이지 로딩중......</td></tr></table>
</div>
<div id="b" name="b" style="visibility:hidden;width:200px;height:100px;">
나올 내용
</div>
</body>
++++++++++++++++++++++++++++++++++++=
해결은 했는데요... 글쓰기 하면 에러가 나네요..미쵸.. 목록까지는 돼는데...@,.@a극적극적
댓글 전체
해당소스는 IE를 제외한 모든 브라우저에서는 작동 되지 않을 듯 하네요..^^;
필터링을 하셔야 할 듯 합니다..
작동여부는 어느부분에서 잘 안되시는지는 모르겠지만..^^
예상으로는 Body에 있는 onLoad는 소스 최하단에
<script type='text/javascript'>
document.onload = function () {
setTimeout('loading', 500);
}
</script>
이렇게 한번 넣어 보세요~
필터링을 하셔야 할 듯 합니다..
작동여부는 어느부분에서 잘 안되시는지는 모르겠지만..^^
예상으로는 Body에 있는 onLoad는 소스 최하단에
<script type='text/javascript'>
document.onload = function () {
setTimeout('loading', 500);
}
</script>
이렇게 한번 넣어 보세요~
아구.. 않되네요... 첫 답변주신분한테 드릴게요..
<script language=javascript>
var winw = (screen.width-334)/2;
var winh = (screen.height-50)/3;
if(ie || n) document.write('<div id="Load" style="position:absolute;width:334;height:50;top:'+winh+';left:'+winw+';background-color:#ffffff;z-index:5"><img src=lodingbar.gif></div>')
</script>
이렇게는 어떨까요..
var winw = (screen.width-334)/2;
var winh = (screen.height-50)/3;
if(ie || n) document.write('<div id="Load" style="position:absolute;width:334;height:50;top:'+winh+';left:'+winw+';background-color:#ffffff;z-index:5"><img src=lodingbar.gif></div>')
</script>
이렇게는 어떨까요..
