Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Scrollowanie Diva
mkozak
post 16.01.2008, 12:23:41
Post #1





Grupa: Zarejestrowani
Postów: 78
Pomógł: 4
Dołączył: 21.03.2005

Ostrzeżenie: (0%)
-----

Siema

Mam DIV-a z style overflow:auto - wygląda jak Iframe.

Do tej ramki wrzucam sobie rozmowę chatową, ale jak się ramka kończy i zaczyna się scrolowanie to widać górę rozmowy, a to co świerze jest na dole (bug).

jak przescrolować div-a za pomocą JS-a?

Próbowałem dać tak jak jest w window tylko, że document.getElementById("main").scrollBy(0,50); - ale nie działą.

jakiś pomysł, żeby div był przescrollowany na sam duł za każdym razem??


--------------------
==============================================
Bo ja jestem Wróbelek Htmlek
==============================================
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
chlebik
post 23.01.2008, 01:15:29
Post #2





Grupa: Zarejestrowani
Postów: 113
Pomógł: 5
Dołączył: 12.09.2006
Skąd: Pruszków/Warszawa

Ostrzeżenie: (0%)
-----

Cytat(mkozak @ 16.01.2008, 12:23:41 ) *
Siema

Mam DIV-a z style overflow:auto - wygląda jak Iframe.

Do tej ramki wrzucam sobie rozmowę chatową, ale jak się ramka kończy i zaczyna się scrolowanie to widać górę rozmowy, a to co świerze jest na dole (bug).


Co to znaczy "wrzucam sobie"? Wkladasz tekst do DIVa, kod HTML czy co?

Cytat
jak przescrolować div-a za pomocą JS-a?

Próbowałem dać tak jak jest w window tylko, że document.getElementById("main").scrollBy(0,50); - ale nie działą.

jakiś pomysł, żeby div był przescrollowany na sam duł za każdym razem??



Metoda scrollBy jest mozliwa tylko w przypadku obiektu Window ---> W3C Schools sa tutaj pomocne.
Nie do konca rozumiem jak to mozliwe, ze nie widac "reszty" - podejrzyj w takim razie alertem czy inszym ustrojostwem czy we wspomnianym DIVie w ogole w VALUE masz caly wklejony tekst.



Daj znac i bedziem myslec dalej
Chlebik


--------------------
"Człowiek dążący do swego celu może być skuteczny tylko w przypadku, jeśli każdą minutę swego życia wykorzysta z maksymalną korzyścią dla osiągnięcia zaplanowanego celu. Jeśli stworzył dla siebie system kar i karze sam siebie za każdą zmarnowaną minutę. Człowiekowi w zupełności wystarczą 3-4 godziny snu, cały pozostały czas może być wykorzystany dla osiągnięcia upragnionego celu." -- Wiktor Suworow
Java devBlog
KulturalnyChlebik
Go to the top of the page
+Quote Post
arecki
post 25.01.2008, 00:28:22
Post #3





Grupa: Zarejestrowani
Postów: 222
Pomógł: 35
Dołączył: 6.02.2005

Ostrzeżenie: (0%)
-----

Powinno działać smile.gif
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>test divow </title>
  4. <script type="text/javascript">
  5.  
  6. function addTextToResults() {
  7. 	var textField = document.getElementById('addToResults');
  8. 	var resultsDiv = document.getElementById('results');
  9.  
  10. 	resultsDiv.innerHTML += textField.value+"<br/>";
  11. 	textField.value = '';
  12. 	resultsDiv.scrollTop = resultsDiv.scrollHeight - resultsDiv.clientHeight;
  13. }
  14.  
  15. </script>
  16. <style type="text/css">
  17. body {
  18. 	font-family:georgia;
  19. 	font-size:	14px;
  20. 	color:		#000;
  21. }
  22.  
  23. #results {
  24. 	margin:		10px auto;
  25. 	width: 		400px;
  26. 	height:		200px;
  27. 	overflow:	auto;
  28. 	border:		1px solid #cecece;
  29. }
  30.  
  31. #newentry {
  32. 	margin:		10px auto;
  33. 	width:		400px;
  34. }
  35.  
  36. #newentry input {
  37. 	width:		180px;
  38. 	margin:		0px 5px;
  39. }
  40. </style>
  41. </head>
  42. <body>
  43. <div id="results"></div>
  44. <div id="newentry">
  45. 	<input type="text" id="addToResults"/>
  46. 	<input type="button" value="dodaj" onclick="javascript:addTextToResults();"/>
  47. </div>
  48. </body>
  49. </html>
[HTML] pobierz, plaintext


--------------------
http://arecki.fornet.com.pl/site/
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 10:37
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn