Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML] Formularz obszar tekstowy
Sasuke Uchiha
post 10.05.2012, 14:20:57
Post #1





Grupa: Zarejestrowani
Postów: 99
Pomógł: 0
Dołączył: 5.03.2012

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


Czy istnieje jakaś możłiwość aby zablokować opcję dowolnego rozciągania tego pola przez użytkownika ? mam taki problem że ustawiłem sobie tło obrazkowe a polę o konkretnych wymiarach i tutaj jest problem bo jak użytkownik rozciąga sobie to wiadomo powtarza tło i wygląda to badziewnie.
  1. <textarea name="nazwa" cols="x" rows="y"></textarea>

Go to the top of the page
+Quote Post
Szymciosek
post 10.05.2012, 14:38:28
Post #2





Grupa: Zarejestrowani
Postów: 1 168
Pomógł: 126
Dołączył: 5.02.2010
Skąd: Świdnica

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


Jasne:
Poczytaj o CSS RESIZE
To dotyczy się pól właśnie takich jak textarea.

Wklej to do index.html
  1. <h3>Przeciąganie:</h3>
  2. <div id="przeciaganie">
  3. <textarea cols="50" rows="5" id="overflow">Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...Tutaj jest jakiś długi tekst...</textarea><br />
  4. <textarea cols="50" rows="5" id="both">resize: both - w każdą stronę</textarea><br />
  5. <textarea cols="50" rows="5" id="vertical">resize: vertical - tylko w pionie</textarea><br />
  6. <textarea cols="50" rows="5" id="horizontal">resize: horizontal - tylko w poziomie</textarea><br />
  7. <textarea cols="50" rows="5" id="none">resize: none - brak powiększania</textarea><br />
  8. <textarea cols="50" rows="5">zwykłe pole tekstowe</textarea>
  9. </div>


A to do style.css i połącz je ze sobą:
  1. #przeciaganie textarea#overflow {
  2. overflow: hidden;
  3. }
  4. #przeciaganie textarea#both {
  5. resize: both;
  6. }
  7. #przeciaganie textarea#vertical {
  8. resize: vertical;
  9. }
  10. #przeciaganie textarea#horizontal {
  11. resize: horizontal;
  12. }
  13. #przeciaganie textarea#none {
  14. resize: none;
  15. }


Ten post edytował Szymciosek 10.05.2012, 14:39:28
Go to the top of the page
+Quote Post
Sasuke Uchiha
post 18.05.2012, 10:44:23
Post #3





Grupa: Zarejestrowani
Postów: 99
Pomógł: 0
Dołączył: 5.03.2012

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


Nie za bardzo o to mi chodziło bo widzisz nadal da się rozciąg to pole w którą się chce stronę... zauważyłem że wszędzie to jest i chyba to wina przeglądarki która wie lepiej od programisty czy chcemy aby to pole rozwijać a szkoda bo przez to ogranicza to moje pole manewru grr...
Go to the top of the page
+Quote Post
RiE
post 18.05.2012, 10:52:20
Post #4





Grupa: Zarejestrowani
Postów: 97
Pomógł: 45
Dołączył: 5.05.2010

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


  1. <textarea style="resize:none">


Ten post edytował RiE 18.05.2012, 10:52:36
Go to the top of the page
+Quote Post
viking
post 18.05.2012, 10:53:23
Post #5





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

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


A skąd Ty wiesz lepiej od użytkownika czy chce sobie pole rozszerzyć? smile.gif Co to za obrazek? Jeśli gradient możesz użyć CSS a tło + litery nie bardzo mi się widzi.


--------------------
Go to the top of the page
+Quote Post
Sasuke Uchiha
post 18.05.2012, 11:25:24
Post #6





Grupa: Zarejestrowani
Postów: 99
Pomógł: 0
Dołączył: 5.03.2012

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


Cytat(viking @ 18.05.2012, 11:53:23 ) *
A skąd Ty wiesz lepiej od użytkownika czy chce sobie pole rozszerzyć? smile.gif Co to za obrazek? Jeśli gradient możesz użyć CSS a tło + litery nie bardzo mi się widzi.


Pasek przewijania ok ale rozciągać nie chce aby to robił bo rozciągnie inne elementy strony... co ważniejsze tło jest obrazkiem który jest zaokrąglony po bokach a pod spodem ma taki zadzior co powoduje że musi być pole stałym elementem. Dziękuje za pomoc
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.07.2025 - 20:35