Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Co enter dodanie 20px h
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
bogdanos
Witam, (zapewne pomyślicie, że spamuje, bo przed chwilą pisałem inny temat, ale już jest rozwiązany, mam następny problem, także proszę o wyrozumiałość smile.gif)

chodzi o to, że mam pole textarea, i sobie coś w nim piszę, i jak nacisnę enter chciałbym aby textarea zwiększył swoją wysokość, tak żebym miał więcej miejsce do pisania, dlaczego tak chcę? bo wyłączyłem overflow, dlatego
coś identycznego jest na Google+ (mam kont to wiem jak wygląda, jak ktoś nie ma konta, to mogę dać linka do zaproszenia), i podobnie na Facebooku,
być może to proste, ale nie mam zielonego pojęcia jak rozpoznawać eneter i wykonać akcję po jego wciśnięciu
Dzięki z góry!!
askone
Obsłuż zdarzenie onKeyUp. Wystarczy sprawdzić czy wciśnięto klawisz enter i wtedy dodać 20px do wysokości.
bogdanos
coś takiego napisałem
Kod
<textarea class="textNapisz" onkeyup="dodajNowaLinia()"></textarea>

i JS:
Kod
    function dodajNowaLinia(){
        var dodajWysokosc = 20;
        $(".textNapisz").css({"height", dodajWysokosc});
        $(".napisz_form").css({"height", dodajWysokosc});
    }

no tylko to nie działa, he
możesz mnie naprowadzić jeszcze odrobinkę?
coś takie udało mi się znaleźć
http://james.padolsey.com/javascript/jquer...gin-autoresize/

ale widać, że to nie jest prosta robota, tylko trochę kodu
longinus_torwaldzki
musisz dodać 20 do aktualnej wysokości.
luckyps
  1. $('#area').bind('keypress', function(e) {
  2. var code = (e.keyCode ? e.keyCode : e.which);
  3. var wysokosc = 20;
  4. if(code == 13) {
  5. nowawysokosc = ($("#area").height()+wysokosc);
  6. $("#area").height(nowawysokosc);
  7. }
  8. });


  1. <textarea id="area" ></textarea>
longinus_torwaldzki
luckyps, chyba zjadło jeden nawias:
  1. $('#area').bind('keypress', function(e) {
  2. var code = (e.keyCode ? e.keyCode : e.which);
  3. var wysokosc = 20;
  4. if(code == 13) {
  5. nowawysokosc = ($("#area").height()+wysokosc);
  6. $("#area").height(nowawysokosc);
  7. }) //<----
  8. });
bogdanos
dobrze jest, działa
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.