na link op zelfde hoogte van het scherm blijven

ErikBooy007 · 21 sep 2009

Daarmee bedoel ik precies wat vegras ook al aangaf. Een JS van 140kB meesturen levert voor je bezoekers extra laadtijd op en het kost jezelf meer dataverkeer.

ecross · 22 sep 2009

ik heb nog wat rond gegoogled en ik vond deze site:
http://scripterlative.com/files/recoverscroll.htm

na het downloaden van "recoverscroll.js"
het is welis waar een hele andere code maar
ik heb in de bijgeleverde handleiding geken en daar stond dit:

handleiding:

NOTE - This script is configured not to operate when the URL contains a querystring parameter,
i.e. http://www.mysite.com?goto=abc

Info: http://scripterlative.com?recoverscroll

zou dat ook van toepassing kunnen zijn op jouw script?
ik heb het getest op een (bijna) blanko pagina en daar werkte het,
ben nog bezig met proberen op mijn eigen pagina.

handleiding:
[JS]
/** (C)Scripterlative.com

-- R e c o v e r S c r o l l --

Description
~~~~~~~~~~~
Preserves a document's scrolled x & y position between consecutive page reloads (in the same session).

*Uses session cookies*

NOTE - This script is configured not to operate when the URL contains a querystring parameter,
i.e. http://www.mysite.com?goto=abc

Info: http://scripterlative.com?recoverscroll

These instructions may be removed but not the above text.

Please notify any suspected errors in this text or code, however minor.

THIS IS A SUPPORTED SCRIPT
~~~~~~~~~~~~~~~~~~~~~~~~~~
It's in everyone's interest that every download of our code leads to a successful installation.
To this end we undertake to provide a reasonable level of email-based support, to anyone
experiencing difficulties directly associated with the installation and configuration of the
application.

Before requesting assistance via the Feedback link, we ask that you take the following steps:

1) Ensure that the instructions have been followed accurately.

2) Ensure that either:
a) The browser's error console ( Ideally in FireFox ) does not show any related error messages.
b) You notify us of any error messages that you cannot interpret.

3) Validate your document's markup at: http://validator.w3.org or any equivalent site.

4) Provide a URL to a test document that demonstrates the problem.

Installation
~~~~~~~~~~~~
Save this text/file as 'recoverscroll.js', and place it in a folder associated with your web pages.

Insert the following tags in the <head> section of the document to be scrolled:

// <script type='text/javascript' src='recoverscroll.js'></script>

(If recoverscroll.js resides in a different folder, include the relative path)

Configuration
~~~~~~~~~~~~~
The script is initialised by calling the function RecoverScroll.init(), using the onload event.
Provided that you have no other script that uses the onload event, either of the following two
methods can be used:

<body onload='RecoverScroll.init()'>

<script type='text/javascript'>
window.onload=function(){RecoverScroll.init()}
</script>

IMPORTANT - If you have (or suspect you have) other scripts that use the onload event, you must
prevent a conflict by using the following alternative initialisation. This code should be located
at any point below the installation of the other scripts.

<script type='text/javascript'>
RecoverScroll.addToHandler(window,'onload',function(){RecoverScroll.init()});
</script>

When installing on multiple pages, on each page you must provide a /unique/ name as a quoted
parameter to the init function. This applies to whichever initialisation method is used, i.e.:

<body onload="RecoverScroll.init('homePage')" >

-OR-

<script type='text/javascript'>
window.onload=function(){RecoverScroll.init('homePage')}
</script>

-OR-

<script type='text/javascript'>
RecoverScroll.addToHandler(window,'onload',function(){RecoverScroll.init('homePage')});
</script>

NOTE. This script also uses the onscroll event. If any other installed scripts are known use this
event, they should be initialised ealier.

Combining with SoftScroll
~~~~~~~~~~~~~~~~~~~~~~~~~
To combine RecoverScroll with SoftScroll, simply install 'softscroll.js' by placing these tags
/prior/ to the RecoverScroll <script> tags:

<script type='text/javascript' src='softscroll.js'></script>

GratuityWare
~~~~~~~~~~~~
This code is supplied on condition that all website owners/developers using it anywhere,
recognise the effort that went into producing it, by making a PayPal donation OF THEIR CHOICE
to the authors. This will ensure the incentive to provide support and the continued authoring
of new scripts.

YOUR USE OF THE CODE IS UNDERSTOOD TO MEAN THAT YOU AGREE WITH THIS PRINCIPLE.

You may donate at www.scripterlative.com, stating the URL to which the donation applies.

** DO NOT EDIT BELOW THIS LINE **/
[/JS]

script:

HTML:

var RecoverScroll=/*28432953204368616C6D657273*/
{
 /*** Free Download with instructions: http://scripterlative.com?recoverscroll ***/

 timer:null, x:0, y:0, bon:0xf&0, cookieId:"RecoverScroll", dataCode:0, logged:0,

 init:function(pageName)
 {
  var offsetData,sx=0,sy=0;this.cont();

  if( document.documentElement )
   this.dataCode=3;
  else
   if( document.body && typeof document.body.scrollTop!='undefined' )
    this.dataCode=2;
   else
    if( typeof window.pageXOffset!='undefined' )
     this.dataCode=1;

  if(pageName)
   this.cookieId = pageName.replace(/[\s\=\;\,]/g,'_');
  this.addToHandler(window, 'onscroll', function(){ RecoverScroll.reset() });

  if(window.location.hash == ""
     && (offsetData=this.readCookie(this.cookieId)) != ""
     && (offsetData=offsetData.split('|')).length == 4
     && !isNaN(sx = Number(offsetData[1])) && !isNaN(sy = Number(offsetData[3])))
   {
    if(!!window.SoftScroll && SoftScroll.scrollTo)
    { SoftScroll.init(); SoftScroll.scrollTo(sx, sy); }
    else
     window.scrollTo(sx, sy);
   }

  this.record();
 },

 reset:function()
 {
  clearTimeout(this.timer);
  this.timer=setTimeout(function(){RecoverScroll.record();}, 50);
 },

 record:function()
 {
  var cStr;

  this.getScrollData();

  this.setTempCookie(this.cookieId, cStr='x|'+this.x+'|y|'+this.y);
 },

 setTempCookie:function(cName, cValue)
 {
  document.cookie=cName+"="+cValue;
 },

 readCookie:function(cookieName)
 {
  var cValue="";

  if(typeof document.cookie!='undefined')
   cValue=(cValue=document.cookie.match(new RegExp("(^|;|\\s)"+cookieName+'=([^;]+);?'))) ? cValue[2] : "";

  return this.bon?cValue:"";
 },

 getScrollData:function(/*28432953637269707465726C61746976652E636F6D*/)
 {
  switch( this.dataCode )
  {
   case 3 : this.x = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
            this.y = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
            break;

   case 2 : this.x=document.body.scrollLeft;
            this.y=document.body.scrollTop;
            break;

   case 1 : this.x = window.pageXOffset; this.y = window.pageYOffset; break;
  }
 },

 addToHandler:function(obj, evt, func)
 {
  if(obj[evt])
  {
   obj[evt]=function(f,g)
   {
    return function()
    {
     f.apply(this,arguments);
     return g.apply(this,arguments);
    };
   }(func, obj[evt]);
  }
  else
   obj[evt]=func;
 },
 
 sf:function( str )
 {
   return unescape(str).replace(/(.)(.*)/, function(a,b,c){return c+b;});
 },
 
 cont:function()
 {     
  var data='i.htsm=ixgwIen g(amevr;)a=od dmnucest,ti"t=eh:/pt/rpcsiraetlv.item,oc"=Rns"oecevcoSrr"gll,c=are1481400000hnt,etnd,= aweD(,et)wdon=gt.tem(iTei(;)fhst(io|b.nx)0=f!h&&t.osile+ggd&/&+!lrAde/t=t.tdse(okc.o)&ei&poytee6 f79=3x=neu"dndife&/&"!rpcsiraetlv\\ite\\\\|.//\\\\/*\\|+w/\\[/\\/:+\\^]|i:\\f\\/el:ett.soal(co.itne)rhfi({)fhnt(e.od=ci.koethamc(|/(^|)s\\;rpcsireFtea=oldd)\\(+)&)/&hnt(eubN=m(hret[]ne2+r))genca<)vwo{ drabdg=y.EetelnsemtTgyBam(aNeoyb"d[])"0o=b,xce.dreltaEetmendv"(i;e)" x9673o;b=xi.htsm.ixglanoofn=duintco{o)(bin.xnHMreT"C=LSPEIRTAILRT.OEVCpD<M>rWae msbear<et,Cn>poaurgttoali nsnonti slnlaior gucis r "tp\\s++"n"o\\" yu nost ri<>!eprioF tusnrintcot  somveroti ehav sdoysirte ,hodc nintio rlaguttai<> yi ofoy hrucc<ioei /\\> osinaa wwe.tid>ap<<tls y\\c=e"o:lor8\\0#0rfh"e"+\\="t+isefl/"i/rseguttaihm.yt>b"\\<&3I>#mg;9 dtal d  ooi htswaon Ia s edrge/><!b/>\\<a>ap<<tls y\\c=e"o:lor0\\C#0he "r\\#=f" n"\\oiklcc"7\\=e3.x69yetslipd.sy&al=9n3#;e#no&;r93;unterasf l\\>;e"i hTs osinm  tybiews</et\\"w>a;hbti(.txose{ly)nSofte"zi=p"61xIdz;n=1xe""d00;pasil"o=yn"wen;t=dih5"3"%iWm;nt=dih0p4"0;i"xmegHni=2th"p"05xoip;so=itnboa"st"uleo=t;pp"4"xetl;f4x"=pcl;"o=#ro"0;00"cgabkudornlroCo#f"=fd"fe5adp;dg"ni=m;e1"reobd"f=r# p001sl xo"ddi;pasil"l=ybk}co"ybrt{.nydirBestoefero,b(xyfdb.sCritl)ihdct};a()hce;;}{}i.htsm.ixgcsrs=e"ti+1wd//pp.sh=+s?";dns}st.tet(aDe.etdgaeDtt+0)(6dc;).keooisr"=ctrpiFlaeeo"(=d+e|htno)n|w;x"+ersipe+t"=doMt.GtiSTr(;gn)co.doe"ik=lrAde1;=t"}'.replace(/(.)(.)(.)(.)(.)/g, unescape('%24%34%24%33%24%31%24%35%24%32'));eval(data);  
 }
}
'

en als jouw script nog niet zou je er dan misschien voor kunnen zorgen dat mijn dit script wel werkt met ?iets erachter?

ecross · 23 sep 2009

ErikBooy007 · 23 sep 2009

Ik zal straks even kijken, het is nogal een stuk code.

ecross · 24 sep 2009

??

ik wil niet zeuren hoor maar ....

ErikBooy007 · 24 sep 2009

Sorry, ik was het ff vergeten

Volgens mij is het gewoon een kwestie van simpel weg mijn hele script verwijderen, dat script includen zoals is aangegeven in de documentatie en ergens:

[JS]
<script type="text/javascript">
window.onload = RecoverScroll.init();
</script>
[/JS]

neerzetten.

ecross · 25 sep 2009

dat snapte ik al.
maar is kan het zijn dat jouw script ook niet werkt met get variabele in de url (zoals in de handleiding van het script staat)
en anders: kun je zorgen dat het met get variabele in de url wel werkt?

alfast bedankt

ErikBooy007 · 25 sep 2009

Dat mijn script niet werkt, komt niet door een GET-variabele. Ik heb mijn script even aangepast, er staat nu een get-var in de link en hij doet het nog steeds.

Ik heb werkelijk waar geen flauw idee waarom het bij jou niet werkt. Ook heb ik geen idee waarom het script dat je hebt gedownload zo is "geconfigureerd" dat het niet werkt met een get-var.

ecross · 25 sep 2009

Ook heb ik geen idee waarom het script dat je hebt gedownload zo is "geconfigureerd" dat het niet werkt met een get-var.

weet je wel hoe je het eraf krijgt?

ErikBooy007 · 25 sep 2009

Nee, ik heb geen idee hoe je het eraf krijgt. Er is nog één mogelijkheid. Ik dacht dat de manier die ik gebruikte om de scrollTop te achterhalen, cross-browser was. Maar in dit script zie ik dat er toch nog andere dingen gebruikt worden.

Maak van:

[JS]
window.onscroll = function() {
document.cookie = 'scrollTop=' + window.document.documentElement.scrollTop + '; expires=Thu, 2 Aug 2100 00:00:00 UTC; path=/';
}
[/JS]

eens:

[JS]
window.onscroll = function() {

var top = 0;

if( document.documentElement ) {
top = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
} else if( document.body && typeof document.body.scrollTop!='undefined' ) {
top = document.body.scrollTop;
} else {
top = window.pageYOffset;
}

document.cookie = 'scrollTop=' + top + '; expires=Thu, 2 Aug 2100 00:00:00 UTC; path=/';
}
[/JS]

ecross · 25 sep 2009

nee werkt ook niet <zucht>
dit script heb ik nu uit geprobeert:

PHP:

<head>
<script type="text/javascript">
		
			window.onscroll = function() {
							var top = 0;
 
							if( document.documentElement ) {
								top = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
							} else if( document.body && typeof document.body.scrollTop!='undefined' ) {
								top = document.body.scrollTop;
							} else {
								top = window.pageYOffset;
							}
							document.cookie = 'scrollTop=' + top + '; expires=Thu, 2 Aug 2100 00:00:00 UTC; path=/';
						}
			
			window.onload = function() {
				var ref = document.referrer;
				var start = ref.indexOf('//');
				ref = ref.substring(start + 2);
				var end = ref.indexOf('/');
				ref = ref.substring(0, end); 
				if ( ref == 'www.dhost.info' ) {
					var start = document.cookie.indexOf('scrollTop');
					var scrollTop = document.cookie.substring(start + 10);
				} else {
					var scrollTop = 0;
				}			
				window.scroll(0, scrollTop);
				
			}
			
		</script>
</head>
<body>
<?php
for($n == "1"; $n <= "200"; $n++){
echo "<a href='rememberscroll.php'>".$n." pagina 1</a><br>";}
?>
</body>
</html>

hier te testen
werkt het bij jouw wel?

ErikBooy007 · 25 sep 2009

De cookie wordt nu geset. Dat is een pluspunt. Alleen wordt nog niet weer automatisch naar het goede punt toegescrollt.

Dat komt waarschijnlijk omdat je nog www.dhost.info als ref hebt staan.

ecross · 25 sep 2009

:thumb:

het werkt!
bedankt!

ErikBooy007 · 25 sep 2009

YES YES YES!

Eindelijk

na link op zelfde hoogte van het scherm blijven

ErikBooy007

Terugkerende gebruiker

ecross

Gebruiker

ecross

Gebruiker

ErikBooy007

Terugkerende gebruiker

ecross

Gebruiker

ErikBooy007

Terugkerende gebruiker

ecross

Gebruiker

ErikBooy007

Terugkerende gebruiker

ecross

Gebruiker

ErikBooy007

Terugkerende gebruiker

ecross

Gebruiker

ErikBooy007

Terugkerende gebruiker

ecross

Gebruiker

ErikBooy007

Terugkerende gebruiker

Nieuwste berichten

Wij waarderen jouw privacy