Forum PHP.pl > Pasek w dol

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Majcon

2.05.2013, 19:27:44

Witam
Nie wiem czy dobry dział ale ok
Tworzę czat i potrzebuje aby boczny pasek przesówania był na dole zaraz po wejściu na stronę jak i po napisaniu żeby przesowal się na dół bo chce aby nowe wiadomości były na dole (kurde nie wiem jak to wyjaśnić )
kod css

Kod

#chat {
overflow : auto;
width : 40em;
height : 30em;
margin-top : 15px;
background : #FFFFFF;
text-align : left;
border : 1px solid #000000;
}

a i fajnie by było jakby się przesowal tylko wtedy gdy jest na dole żeby jak ktoś czyta starsze wiadomości żeby mu na dół nie zjechało

kamil4u

3.05.2013, 10:43:15

Poczytaj o:
- scrollTop - https://developer.mozilla.org/en-US/docs/DO...ement.scrollTop
- scrollHeight - https://developer.mozilla.org/en-US/docs/DO...nt.scrollHeight

Majcon

3.05.2013, 14:20:34

A mogę prosić o jakiś szybki przykład ?

!*!

3.05.2013, 14:42:17

Cytat(Majcon @ 3.05.2013, 15:20:34 )

A mogę prosić o jakiś szybki przykład ?

http://jsfiddle.net/zbUvD/

Majcon

3.05.2013, 19:28:02

Bardziej chodziło mi o jakiś kod

!*!

3.05.2013, 19:37:47

A niby co masz wyżej? Obrazki?

Majcon

3.05.2013, 19:44:09

a możesz mi to tu dac? bo nie mam jak na pc wejść

kamil4u

3.05.2013, 19:53:02

Jak nie masz jak otworzyć teraz linku( nie masz dostępu do PC ) to po co Ci teraz rozwiązanie, skoro i tak nie będziesz mógł go przetestować? Poczekaj jak będziesz przy PC i będziesz miał chwilę wolnego czasu, a następnie poczytaj o funkcjach, które podałem, przeanalizuj kod, który napisał !*! i odpowiednio go przerabiając wykorzystaj w swoim projekcie.

Pozdrawiam i więcej zaangażowania

Majcon

3.05.2013, 20:15:56

Ja większość pisze na telefonie

!*!

3.05.2013, 20:34:26

Cytat(Majcon @ 3.05.2013, 21:15:56 )

Ja większość pisze na telefonie

Współczuję.
http://jsfiddle.net/zbUvD/show/
Chyba możesz wyświetlić źródło?

[JAVASCRIPT] pobierz, plaintext 
$(window).scrollTop($(document).height());
[JAVASCRIPT] pobierz, plaintext

Majcon

4.05.2013, 23:55:45

Cytat(!*! @ 3.05.2013, 21:34:26 )

Współczuję.

Niby tak ale to kwestia przyzwyczajenia mam fajna aple na android więc jest spoko gorzej właśnie jak czegoś nie wiem ;D

Ale cały czatGG napisałem praktycznie na telefonie i nawet nawet wyszedł ;p

I dzięki za pomoc w nocy poczytam jeszcze ;) o tym wszystkim

Co do źródła zawsze można pobrać za pomocą php ;p

Z tego co próbowałem zrozumieć powstało coś takiego

[JAVASCRIPT] pobierz, plaintext 
<script type = "text/javascript">
var  = document.getElementById("chat");
.scrollTop = .scrollHeight;
</script>
[JAVASCRIPT] pobierz, plaintext

ale coś tu źle jednak

Już ok oczywiście to tylko testowe a tak myślę czy za pomocą np css można ustawić "sowak" na dole bo też trzeba pomyśleć o tych co nie obsługują javascript

kamil4u

5.05.2013, 12:20:45

Kod masz dobry. Nie wiem czemu Ci nie działa. Pewnie masz gdzieś inne błędy lub nie masz załadowanego jeszcze DOM-u.

Kod

<div id="test">

a b

</div>

<style>#test{ height: 100px; overflow: scroll; }</style>

 <script>
 var test = document.getElementById("test");
test.scrollTop = test.scrollHeight;
 </script>

Cytat

Już ok oczywiście to tylko testowe a tak myślę czy za pomocą np css można ustawić "sowak" na dole bo też trzeba pomyśleć o tych co nie obsługują javascript

Nie przypomina mi się, żeby była taka możliwość. Ale czat polega na tym, że używasz AJAX, więc bez JS i tak nikt nic nie zrobi.

Majcon

5.05.2013, 13:07:04

ok jest nie dałem onload ;D może coś wymyśle później co do nie obsługi js

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.