..


Спонсоред Линкс

Истезање повећава за садржај тектареа

Чланак који је написао Макс Боси

Веб је неисцрпан минералних савете и идеје. Интернет је, по дефиницији, окружење у коме се рађају сваки дан цонтуна тестирање нових идеја, неки други геније, једноставно радознала и занимљива.

Са тачке гледишта веб дизајна, једна од "специјалних ефеката" да волим је динамичан управљање величине великих промена садржаја текста које је унео корисник. Укратко: више садржаја пишете и већа постаје тектареа. Са психолошке тачке гледишта то је позив да настави да пише еквивалент каже: "Хеј желите да напишете, као и, нема места."

У овом чланку ја предлажем једноставан Јава функцију за руковање овим лепим ефекат. Функција у питању ништа не чини, али продужи Тектареа када је садржај већи од своје природне способности (избегавање, у ствари, појава утученост вертикалну црту). Ево кода:






 мореВордс функција (ИД, макхеигхт) {



  



 / / Креирање променљиве за приступ својства стила тектареа



  



 ИД: доцумент.гетЕлементБиИд (ид);



  

  



 / / Ако не могу да изађем без икаквог



  



 ако је (тктареа!) повратак;



  

  



 / / Креирање променљиве које, у почетку, осим ако тренутне висине тектареа



  



 вар = невХеигхт тктареа.цлиентХеигхт;



  

  



 / / Ако висина није постављен или је већи од тренутног ...



  



 ако је (макхеигхт | |! макхеигхт> невХеигхт) {



    

    



 / / Редефинисати вредност идентификације невХеигхт већу висину садржаја (сцроллХеигхт) и њене тренутне вредности



    



 невХеигхт = Матх.мак (тктареа.сцроллХеигхт, невХеигхт);



    

    



 / / Ако висина је постављен ..



    



 ако је (макхеигхт)



      



 / / Редефинисати вредност невХеигхт идентификације мања максимална висина (макхеигхт) и њене тренутне вредности



      



 невХеигхт = Матх.мин (макхеигхт, невХеигхт);





    



 / / Ако израчунате висину (невХеигхт) је већи од тренутног тектареа



    



 / / Направите промене и продужити тектареа



    



 ако је (невХеигхт> тктареа.цлиентХеигхт) {



      



 тктареа.стиле.хеигхт невХеигхт = + "пк";



      



 тктареа.стиле.оверфлов = "скривени";



    



 }



  



 }



  



 / / Ако се максимална висина је постигнут показати траку за померање



  



 тктареа.стиле.оверфлов = "Ауто";

  

  



 }

   





 }



Ова функција узима два параметра, обавезно (лична Тектареа о којима се примењују ефекат) и опционе (било којој висини у пикселима).

О различите кораке користе за креирање функција Верујем да је мало да дода на коментаре већ у коду.

Употреба функције је веома једноставна: наша онкеиуп Тектареа догађај покреће функцију која не ради ништа, али поново израчунати, за сваки тастер притиснут, ако висина одговара за садржај објављен на:

 



 <ТЕКСТАРЕА онкеиуп="мореВордс(тхис)"> </ тектареа>

 

Радни пример предложене кода могу се видети на овој страници .

Једино ограничење ове функције је немогућност да се уговор ако корисник избрише текст ... у овом случају, Тектареа је и даље стари величине смањења, јер је наш код је дизајниран искључиво за ширење простора, а не за своје контракције. Међутим, ако желите, можете да додате ову функцију тако што ћете додати неколико линија кода.

У истој категорији ...
Е-учење
ЦСС (курс) ЦСС (курс)
Веб дизајн и приступачност према В3Ц ЦСС и КСХТМЛ. Полазећи од 29 €.
ХТМЛ (курс) ХТМЛ (курс)
Маркуп Лангуаге за Веб од 29 €.
Јавасцрипт (курс) Јавасцрипт (курс)
Комплетан водич за клијент-страни скриптовање. Од 39 €.
Спонсоред Линкс