GoldenLine
Zaloguj się
Dawid Brzeziński

Dawid Brzeziński !Hola

Temat: Alert jeśli tekst nie mieści się divie

W forularzu textarea wpisuje sobie tekst, wielkosć czcionki itd.
Automatycznie kiedy piszę tekst, jquery kopiuje mi to w locie do diva gdzie widzę podgląd na żywo.

Diva mam o stałym rozmiarze np. 200x200px z overflow:hidden w css.

Teraz chciał bym otrzymać alert jeśli wpisany tekst nie mieści się w divie.
np. ktoś wklei długą linie tekstu który nie załamuje się i wychodzi poza div lub
ktoś wklei obrazek który też wychodzi poza ustalony rozmiar
lub ktoś wklei za dużo tekstu i tez nie mieści się w tym divie.

Jak za pomocą jquery wykryć takie zdarzenie?Dawid Brzeziński edytował(a) ten post dnia 03.05.13 o godzinie 15:49
Link do wypowiedziLink

konto usunięte

Temat: Alert jeśli tekst nie mieści się divie

Jak za pomocą jquery wykryć takie zdarzenie?
w tym divie z wynikiem wstaw sobie jeszcze jednego diva i do tego wewnętrznego wklejaj tekst,
na każdą zmianę tekstu sprawdzaj czy wewnętrzny div nie jest szerszy lub wyższy od kontenera i będziesz wiedział
Link do wypowiedziLink
Dawid Brzeziński

Dawid Brzeziński !Hola

Temat: Alert jeśli tekst nie mieści się divie

Cezary H.:
Jak za pomocą jquery wykryć takie zdarzenie?
w tym divie z wynikiem wstaw sobie jeszcze jednego diva i do tego wewnętrznego wklejaj tekst,
na każdą zmianę tekstu sprawdzaj czy wewnętrzny div nie jest szerszy lub wyższy od kontenera i będziesz wiedział

Działa tylko połowicznie.
Na wysokość działa poprawnie.
Na szerokość div dochodzi do rozmiaru kontenera pomimo ze tekst wychodzi poza.

Jesli ustawie w css position:absolute wtedy poszerza się ale nie załamuje linii.

http://jsfiddle.net/dMbMY/
Tu można zobaczyć jak to działa. Czarna ramka to contener, czerwona wewnętrzny div.

To musi działać tak aby szerokość wewnętrznego diva była dostosowana do wymiarów contenera
a rozszerzać się ma tylko w przypadku jeśli ktoś wpisze długie słowo które nie da sie załamać.
oraz to co teraz działa dobrze - czyli powiększający się rozmiar diva na wysokość.
Link do wypowiedziLink
Dawid Brzeziński

Dawid Brzeziński !Hola

Temat: Alert jeśli tekst nie mieści się divie

Tak sobie myśle, skoro można dodać paski przewijania do elementu div to jakaś metoda która to sprawdza musi być skoro wie kiedy te paski aktywować.

Właśnie takie zdarzenie chcę wyłapać.
Od biedy nawet mogę tam włączyć obsługę pasków i wykrywać czy poziomy lub pionowy pasek jest aktywny. Tylko pytanie jak do tego się dostać.
Kombinuje już na wszystkie sposoby i nie mogę dojść do tego.
Link do wypowiedziLink

konto usunięte

Temat: Alert jeśli tekst nie mieści się divie

To idealnie adresuje Twoje potrzeby:

https://developer.mozilla.org/en-US/docs/DOM/Mozilla_ev...

, ale jest niestandardowe, ma słabe wsparcie i nie użyłbym tego na produkcji. Ewentualnie jako eksperyment z jakimś rozsądnym fallbackiem.
Link do wypowiedziLink
Grzegorz Dabrowski

Grzegorz Dabrowski

Temat: Alert jeśli tekst nie mieści się divie

Być może ta linijka rozwiąże Twój problem:

        $('#container').html("<div id='cont1' style='border:1px solid red; position;relative;overflow:auto'>" + $(this).val() + "</div>");


Btw. lepiej stworzyć sobie klasę ze stylami albo dodać je do ID w arkuszu niż wywoływać przez jQ. Nie wygląda to ładnie :)
Link do wypowiedziLink
Dawid Brzeziński

Dawid Brzeziński !Hola

Temat: Alert jeśli tekst nie mieści się divie

Dzięki, poradziłem sobie juz bez Jquery i działa super, tak jak chcę.
Link do wypowiedziLink
Grzegorz Dabrowski

Grzegorz Dabrowski

Temat: Alert jeśli tekst nie mieści się divie

To podziel się tez z nami :)
Link do wypowiedziLink
Dawid Brzeziński

Dawid Brzeziński !Hola

Temat: Alert jeśli tekst nie mieści się divie

Dostosowałem kod z linku
https://developer.mozilla.org/en-US/docs/DOM/Mozilla_ev...
Który Rafał podał.

To właśnie jest to, czego szukałem.
Działający przykład z kodem umieściłem pod linkiem:
http://jsfiddle.net/dMbMY/30/
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy





Wyślij zaproszenie do
Anuluj