Juri: Scrollposition in % ausgeben

Beitrag lesen

SELF-Forum

Scrollposition in % ausgeben

Juri
– Informationen zu den Bewertungsregeln

So, ich hab es nun doch alleine hin bekommen. Hätte ich mir nicht wirklich zugetraut, immerhin hab ich mir heute Nachmittag das erste mal einen Javascript-Code angesehen.

Hier noch für alle die mal mit einem Ähnlichem Problem auf diese Seite stoßen:

Gelöst hab ich das nach dem Beispiel für das Zählen der aufenthaltsdauer http://de.selfhtml.org/javascript/beispiele/aufenthaltsdauer.htm@title=http://de.selfhtml.org/javascript/beispiele/aufenthaltsdauer.htm

Also vorallem dieser Zeile zum schreiben:
document.write ( "Horizontal scrolling = " + gerundet + " %" );
die anderen änderungen sind nur, damit es auch immer aktualisiert wird.

Im "Head" steht das Script:

    <script type="text/javascript">  
	  
function getScrollXY()  
{  
	var scrOfX = 0;  
	if( typeof( window.pageYOffset ) == 'number' ) {  
		scrOfX = window.pageXOffset;  
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {  
		scrOfX = document.body.scrollLeft;  
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {  
		scrOfX = document.documentElement.scrollLeft;  
	}  
	var gerundet = Math.round(scrOfX/30859*100);  
	  
	 window.document.Anzeige.Zeit.value = gerundet;  
	window.setTimeout("getScrollXY()", 10);  
}  
  
	document.write ( "Horizontal scrolling = " + gerundet + " %" );  
	  
	document.getElementById("proz").innerHtml = gerundet;  
		  
</script>

Im "Body Tag steht das:
<body onload="window.setTimeout('getScrollXY()', 10)">

und an der stelle wo das angezeigt werden soll hab ich das stehen:

   <form name="Anzeige" action="">  
<input type="text" size="7" name="Zeit" value="00">  
</form>

jetzt muss ich mir nur noch gedanken um das richtige gestalten machen.

Juri

Beitrag melden
–
Informationen zu den Bewertungsregeln