Thema: [JavaScript] - Automatischen Scrollen in tbody

Hallo zusammen,

ich habe meinem tbody über CSS eine Größe zugewiesen und dass man scrollen kann. Ich möchte nun dass das scrollen automatisch funktioniert. Ich habe es mal mit JS versucht, leider ohne Erfolg.

Mit der Seite funktioniert das so: (Meine Quelle von diesem Script)

Code:

function scrollen()
{
    var y = 0;
    if (window.pageYOffset)
    {
        y = window.pageYOffset;
    }
    else if (document.body && document.body.scrollTop)
    {
        y = document.body.scrollTop;
    }
    
    if (y > 0)
    {
        window.scrollBy(0, -10);
        setTimeout("scrollen()", 20);
    }
}

wenn ich window mit document.getElementById("tabellendaten") ersetze klappt das ganze nicht, was mache ich Falsch??

Wenn ich das ganze mit HTMl und PHP lösen kann ohne JS bin ich froh, aber es geht auch mit JS.

Apfelkuchen91

Hey...

bin mir nicht sicher, aber scrollTop ist eine Methode die nur das Window-Objekt kennt. Versuchs mal mit scrollTo...

Wenn ich das ganze mit HTMl und PHP lösen kann ohne JS bin ich froh, aber es geht auch mit JS.

1. HTML ist voll und ganz statisch, kann das also nicht
2. PHP verlangt eine kommunikation mit dem Server, also müsste der User immer erst nen Knopf drücken :-(

AJAX wäre noch ne möglichkeit, wobei diese wiederum auf JS setzt....

Hi igibob,

danke für deine Antwort.

Wie kann ich es nun lösen??

Apfelkuchen91

Kommt drauf an, was du jetzt genau haben willst. Wenn der tbody direkt zur gewünschten Position springen soll, geht das wohl am besten mit scrollBy(). Wenn er langsam runterscrollen soll, eher scrollBy(). http://de.selfhtml.org/javascript/ob....htm#scroll_by

Soweit bin ich auch schon gekommen. leider habe ich das Problem, dass ich nicht mit tbody hin bekomme.

Apfelkuchen91

Ich habe dir zwei Möglichkeiten zur Auswahl gegeben. Wenn du eine näher beschrieben haben willst, solltest du sagen, welche...

Hallo Harmageddon,

ich würde es gerne mit scrollBy() machen, dann dann sieht es der User auch und kann beim Scrollen mitlesen.

Apfelkuchen91

Hallo zusammen ich habe mal versucht, das Scrollen mit der Ganzen Seite hinzubekommen.

Nach oben scrollen - Funktioniert:

Code:

function ScrollenUp()
{
/**
*	Seite:	Scrollen hoch
*	Pfad:	JavaScript
*	Datum:	24. Mai 2011
*/
	var y = 0;
	if (window.pageYOffset)
	{
		y = window.pageYOffset;
	}
	else if (document.body && document.body.scrollTop)
	{
		y = document.body.scrollTop;
	}
	
	if (y > 0)
	{
		window.scrollBy(0, -10);
	    setTimeout("ScrollenUp()", 20);
	}
}

Nach unten scrollen - funktioniert nicht.

Code:

function ScrollenDown()
{
/**
*	Seite:	Scrollen runter
*	Pfad:	JavaScript
*	Datum:	02. Juni 2011
*/
	for (var i = 1; i <= 100; i++)
		  document.write("Zeile " + i + "<br>");
	
	var y_zsp1 = 0;
	var y_zsp2 = 0;
	var y = 0;
	if (window.innerHeight)
	{
		y_zsp = window.innerHeight;
	}
	else if (document.body && document.body.offsetHeight)
	{
		y_zsp = document.body.offsetHeight;
	}
	
	if (window.pageYOffset)
	{
		y_zsp2 = window.pageYOffset;
	}
	else if (document.body && document.body.scrollTop)
	{
		y_zsp2 = document.body.scrollTop;
	}
	
	y = y_zsp1 - y_zsp2;

	if (y > 0)
	{
		window.scrollBy(0, 10);
	    setTimeout("ScrollenDown()", 20);
	}
}

Was habe ich im 2. Code falsch gemacht?? Wie müsste es heißen, damit es geht?

Wie bekomme ich das ganze mit der Höhe des tbodys hin?

Apfelkuchen91

Hallo zusammen,

ich habe herumexperimentiert und habe leider keine Lösung gefunden. Und so wie ich es gerade über CSS gemacht habe, wird es nicht in jedem Brwoser richtig dargestellt. Wie kann ich dieses lösen??

Apfelkuchen91