Forum PHP.pl

Chce, aby po zjechaniu scrollem na sam dol textarea, aktywowal sie button AKCEPTUJ.
Mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
function scrolling(){
	var scroll1 = document.getElementById('scroll1');
	var akceptuj = document.getElementById('akceptuj');
	if(scroll1.scrollTop >= TUTAJ NIE WIEM SKAD POBRAC MAX POZYCJE SCROLLA)
        {
		akceptuj.disabled = "";
	}
        else
       {
		akceptuj.disabled = "disabled";
	}
}
[JAVASCRIPT] pobierz, plaintext 

i html:

[HTML] pobierz, plaintext 
<textarea onscroll="scrolling();" id="scroll1" cols="50" rows="10" readonly="readonly">
<?php include('text.txt'); ?>
</textarea><br />
<button id="akceptuj" disabled="disabled">Akceptuje</button>
[HTML] pobierz, plaintext 

No i nie wiem jak w tym warunku if pobrac max pozycje scrollTop, probowalem z scrollHeight, ale ta funkcja zwraca wieksza liczbe od scrollTOP (gdy ten jest na samym dole).
Kod ogolnie dziala, ale tylko gdy recznie sprawdze jaka liczbe zwraca scrollTop, gdy jest na samym dole i ja wpisze w if - tylko, ze to rozwiazanie jest zle, dlatego ze dokument moze miec zmienna tresc, a co za tym idzie, zmienna liczbe max scrollTop, poza tym w roznych przegladarkach te liczby sa takze rozne.

Ten post edytował kaźmirz 9.10.2010, 19:58:35

https://developer.mozilla.org/pl/DOM/element.scrollHeight :


Dodaj margines do wartości z scrollHeight

No ale jaki margines? I raczej dodac musze do wartosci scrollTop - poniewaz to scrollTop jest zawsze mniejsze od scrollHeight :/
Poza tym chrome ma mozliwosc zmiany rozmiarow pola textarea i to wplywa na wartosc scrollTop - nie bedzie z tym problemow?

Dzieki wielkie za pomoc, kluczowa linijka okazalo sie:

Dzieki temu moj kod wyglada teraz tak (i najwazniejsze - dziala)

[JAVASCRIPT] pobierz, plaintext 
function scrolling(){
	var scroll1 = document.getElementById('scroll1');
	var akceptuj = document.getElementById('akceptuj');
	if(scroll1.scrollTop >= scroll1.scrollHeight - parseInt(scroll1.clientHeight))
       {
		akceptuj.disabled = "";
	}
       else
       {
		akceptuj.disabled = "disabled";
	}
}
[JAVASCRIPT] pobierz, plaintext 

i HTML

[HTML] pobierz, plaintext 
<textarea onscroll="scrolling();" id="scroll1" cols="50" rows="10" readonly="readonly">
<?php include('text.txt'); ?>
</textarea><br />
<button id="akceptuj" disabled="disabled">Akceptuje</button>
[HTML] pobierz, plaintext 

Pozdrawiam


Ten post edytował kaźmirz 9.10.2010, 20:14:01

Pomyliłem się troszeczkę - swoją drogą też powinieneś to spr. -> usuń to parseInt - jak można zobaczyć w dokumentacji funkcja ta zwraca liczbę całkowitą
@down: bo wykonywana jest zbędna operacja -> poprawny/ładny kod to podstawa

Ten post edytował kamil4u 9.10.2010, 21:40:25

Wywalilem, ale przeciez i tak liczby w tych zmiennych sa liczbami calkowitymi