Forum PHP.pl

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

(IMG:http://img46.imageshack.us/img46/1043/catsbid.jpg)

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 

Ten post edytował krzysztof_kf 6.02.2012, 13:30:43

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

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)


Ten post edytował unreal 6.02.2012, 13:54:43

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.

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

również dzięki @strife