[CSS]Wysokość <textarea> dostosowująca się do ilości tekstu Opcje

[sadistic_son]

Witajcie,
Sprawa z pozoru prosta. Wynik z SELECT * wrzucam do <textarea> oddzielnie każdy rekord. To pole textarea ma ustaloną szerokość ale w zależności od ilości tekstu ma się rozszerzać w pionie. Jak? Height:100% nie daje efektu.

[CSS] pobierz, plaintext 
.message_box{
	height:100%;
	width:500px;
}
 
.message_body textarea{
	width:100%;
	height:100%;
}
[CSS] pobierz, plaintext 

[PHP] pobierz, plaintext 
while($row=mysql_fetch_row($result)){
 
echo '<div class="message_box">';
 
echo '<div class="message_body"><textarea>'.$row[2].'</textarea></div>';
 
echo '</div>';
}
[PHP] pobierz, plaintext 

Dzięki z góry.


No chyba, że nospor zaraz zamknie odsyłając mnie do samouczka.

Ten post edytował sadistic_son 13.10.2016, 15:53:02

[SmokAnalog]

Na pewno nie bez JavaScriptu. Mam taki pomysł, że mógłbyś utworzyć niewidzialny element, który miałby identyczną czcionkę, width, line-height itd. jak Twój textarea i w miarę wpisywania do textarea (zdarzenie input), ta kopia dostawałaby tę samą treść. Następnie sprawdzasz jaką ma wysokość ten element i ustawiasz taką samą wysokość na textarea.

Innym pomysłem jest ukrycie textarea, a pokazywanie tylko normalnego elementu, który w locie dostaje treść z textarea. Trochę gorsze rozwiązanie moim zdaniem, bo tracimy niektóre właściwości textarea.

Dodam, że takie coś jest na Facebooku, kiedy np. piszemy komentarz. Zajrzałem w drzewo DOM i oni używają specjalnego diva. Nie ma nawet żadnego textarea w tle, nic. Po prostu wpisuje się do diva.

Ten post edytował SmokAnalog 15.10.2016, 12:28:41