Maintain Scroll Position on every refresh page and on button click

@Mr_JSep 26.2006 — #You could try something like this maybe

[code=php]<HTML>
 <HEAD>
 <TITLE>Document Title</TITLE>
 
 <script type="text/javascript">
 <!--
 cookieName="divscrollpos"
 expdays=365
 
 // An adaptation of Dorcht's cookie functions.
 
 function setCookie(name, value, expires, path, domain, secure){
 if (!expires){expires = new Date()}
 document.cookie = name + "=" + escape(value) + 
 ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
 ((path == null) ? "" : "; path=" + path) +
 ((domain == null) ? "" : "; domain=" + domain) +
 ((secure == null) ? "" : "; secure")
 }
 
 function getCookie(name) {
 var arg = name + "="
 var alen = arg.length
 var clen = document.cookie.length
 var i = 0
 while (i < clen) {
 var j = i + alen
 if (document.cookie.substring(i, j) == arg){
 return getCookieVal(j)
 }
 i = document.cookie.indexOf(" ", i) + 1
 if (i == 0) break
 }
 return null
 }
 
 function getCookieVal(offset){
 var endstr = document.cookie.indexOf (";", offset)
 if (endstr == -1)
 endstr = document.cookie.length
 return unescape(document.cookie.substring(offset, endstr))
 }
 
 function deleteCookie(name,path,domain){
 document.cookie = name + "=" +
 ((path == null) ? "" : "; path=" + path) +
 ((domain == null) ? "" : "; domain=" + domain) +
 "; expires=Thu, 01-Jan-00 00:00:01 GMT"
 }
 
 
 function saveDivScrollPos(){
 var expdate = new Date()
 expdate.setTime (expdate.getTime() + (expdays*24*60*60*1000))
 posY = (document.getElementById("d1").scrollTop)
 setCookie(cookieName,posY,expdate)
 }
 
 function loadDivScrollPos(){
 divYPos=getCookie(cookieName)
 if(!divYPos){
 return
 }
 document.getElementById("d1").scrollTop=divYPos
 }
 
 // add onload="loadDivScrollPos()" onunload="saveDivScrollPos()" to the opening BODY tag
 
 // -->
 </script>
 
 </HEAD>
 <BODY onload="loadDivScrollPos()" onunload="saveDivScrollPos()">
 
 <div id="d1" style="height:300px;overflow:auto">
 Dummy Text<br><br><br><br>Dummy Text<br><br><br><br>Dummy Text<br><br><br><br>Dummy Text<br><br><br><br>Dummy Text<br><br><br><br>
 Dummy Text<br><br><br><br>Dummy Text<br><br><br><br>Dummy Text<br><br><br><br>Dummy Text<br><br><br><br>Dummy Text<br><br><br><br>
 Dummy Text<br><br><br><br>Dummy Text<br><br><br><br>
 </div>
 
 </BODY>
 </HTML>[/code]

Maintain Scroll Position on every refresh page and on button click

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Maintain Scroll Position on every refresh page and on button click

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴