Witam zawsze się zastanawiałem jak doprowadzić input textarea do prządku przedstawie swój problem na obrazku



No właśnie, chodzi głównie żeby można rozciągać textarea tylko na szerokość formularza kiedyś mi się udało to zobić ale teraz niestety nie wychodzi może ktoś podsunie jakiś pomysł.


Pozdrawiam

Dodajesz do znacznika textarea komende cols="wartość".
ma to wyglądać przykładowo tak:

Przy czym rows oznacza wysokość textarea

Chodzi mi głównie żeby nie można było rozszerzyć pola textarea nie więcej niż przy ustalonej szerokości stałej .

No to określ tę szerokośc.... myślisz, że wiemy jakiego liba js używasz do tego textarea? Nie, nie wiemy, szklana kula nam wszystkim się zbiła :/

[HTML] pobierz, plaintext 
<style type="text/css" />
#contact_form {
    width: 550px;
    height: 300px;
    background: #000000;
}
 
#contact_form textarea {
    width: 550px;
    height: 100px;
    padding: 4px 2px 2px 4px;
    font-family: Verdana, Arial, "Times New Roman";
    display: block;
    float: left;
}
 
</style>
 
<div id="contact_form">
<form method="post" action="assets/php/send.php" id="contactForm">
<textarea id="message" name="message">
</textarea>
</form>
</div>
[HTML] pobierz, plaintext 

lib js.... żeby rozszerzać textarea dynamicznie musisz używać do tego jakiegoś liba js....

@nospor - niekoniecznie, aby rozszerzać textarea potrzeba jakiegoś liba js z tego co się orientuje. Współczesne przeglądarki umożliwiają rozszerzanie texarea bez żadnych bibliotek.

I tutaj zaczyna się problem, ponieważ jeżeli coś jest zależne od przeglądarki to musisz obsłużyć przypadki dla wielu. Wiem, że w firefoxie (i pewnie w chromie też), można wyłączyć możliwość rozciągania textarea, wtedy mógłbyś obsłużyć to jakąś biblioteką javascript'ową.

np. http://support.mozilla.org/en-US/questions/790812

Nie ustawiaj wysokości i szerokości w CSS tylko ustaw bezpośrednio na komendzie

No to jeśli on to rozszerza przy pomocy przeglądarki a nie wlasnego libu js nad którym ma kontrolę, no na grzyba się w ogole przejmować? Jak ktoś ma ochotę rozszerzać sobie przeglądarką mój formularz to jego sprawa. Jak chce uzywac zooma - jego sprawa. Jak chce cos jeszcze - też jego sprawa.

Ja mam tak ustawione textarea, że jak wpisuje tekst to normalnie zostaje przy ustawionych rozmiarach, chyba że rozciągnę za pomocą chwytaka po prawej stronie w dolnym rogu.

@nospor - Dokładnie się z Tobą zgadzam.

Nie mniej jednak, rozszerzanie przez użytkownika textarea jest o tyle czasami kłopotliwe, że potrafi naruszyć layout, albo sam wygląd textarea (jeżeli mamy tło i sztywne wymiary). Masz do wyboru albo to olać jak napisał nospor albo próbować to kontrolować. Moja opinia jest taka, że jeżeli ktoś chce kombinować sobie rozszerzać i tym samym naruszać layout to już jego sprawa (aczkolwiek kiedyś miałem to przez klienta zgłoszone jako wielki BUG, heh i musiałem wyłączyć resize).

Pzdr.

Toć kumam.... i oto mi chodzi. Niech sobie ustawi domyślnie a jak ktoś chce przesuwać, bo mu przeglądarka pozwala, to nie ma co się takim kimś przejmować.

No chyba, że korzysta z liba js. No ale wówczas zdrowy rozsądek by podpowiadał, że należy nam podać jaki to lib js.

Odpowiednio wstawione nie zniszczy szablonu przy 'zabawie' textareą

EDIT:
Odkryłem, jak zablokować pole:(przykładowo)

Aby uzyskać ładny nierozciągający się textarea trzeba:

<div class="kontener">
<textarea cols="5000" rows="5000" name="strutututu">Przykładowy text</texarea>
</div>

.kontener (display:block; overflow:hidden; width:200px; height:100px;}
.kontener > textarea {display block, overflow:hidden;}

Masz idealny textarea który jest większy (5000 wierszy i kolumn) od otaczającego go kontenera a tym samym chwytak do rozciągania znika poza pole kontenera które ma overflow:hidden.

Rozwiązanie na poziomie htmla i css, nie wiem jak z JS etc.

Najprostsze z możliwych rozwiązań w css

[CSS] pobierz, plaintext 
textarea {
width: 200px !important;
 
}
[CSS] pobierz, plaintext 

działa na rozciąganie textarea przez js jak i przeglądarkę (chyba, że rozciąganie przez js dodaje również width: x !important)

@lobopol i o to chodziło mi dzięki pozdrawiam.

również dzięki @strife