½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
happycgi
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > JAVASCRIPT > javascript ¼Ò½ºÃ¢°í > Æû °ü·Ã > ÅؽºÆ® ¿¡¾î¸®¾î ÀÚµ¿³ôÀÌ/ÃÖ´ë³ôÀÌ Auto Resizing Textarea with max-height »ó¼¼Á¤º¸
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
Javascript
PHP
ASP
CSS
html
mysql
jquery
image
API
Mobile
¸Þ´º
slide
°Ô½ÃÆÇ
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
ÅؽºÆ® ¿¡¾î¸®¾î ÀÚµ¿³ôÀÌ/ÃÖ´ë³ôÀÌ Auto Resizing Textarea with max-height
¼Ò½ºÅë°èÁ¤º¸ ¿À·ù½Å°í ¹× ¹®ÀÇ
ÇØÇÇÆÀ
³×ƼÁð
Æ®À§ÅÍ·Î º¸³»±â ÆäÀ̽ººÏÀ¸·Î º¸³»±â
¼Ò½ººÐ·ù Æû °ü·Ã
´Ù¿î·Îµå Ƚ¼ö 61 ȸ
°£´Ü¼³¸í ÅؽºÆ® ¿¡¾î¸®¾î¿¡ ÀԷµǴ Á¤º¸¿¡ µû¶ó ÀÚµ¿ ³ôÀÌ Á¶Àý°ú ÃÖ´ë ³ôÀÌ ÁöÁ¤
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
ȨÆäÀÌÁö¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå µ¥¸ð ¹Ì¸®º¸±â ½ºÅ©·¦Çϱâ




ÅؽºÆ®¸¦ ÀÔ·ÂÇϸé ÀÚµ¿À¸·Î ³ôÀÌ°¡ ´Ã¾î³³´Ï´Ù.




½ºÅ©¸³Æ® ¼Ò½º»ó¿¡ ÁöÁ¤µÈ ³ôÀ̺¸´Ù ´Ã¾î³ª°Ô µÇ¸é ½ºÅ©·Ñ¹Ù°¡ Ãâ·ÂµÇ°í ´õ ÀÌ»ó ³ôÀÌ°¡ Áõ°¡ÇÏÁö ¾Ê½À´Ï´Ù.





 

$('#contact-form').on( 'change keydown keyup paste cut', 'textarea', function () { 
  $(this).height(0).height(this.scrollHeight+2);
  if ($(this).height() >= 300) {
    $('textarea#message').css("overflow", "auto");
  }
  else {
    $('textarea#message').css("overflow", "hidden");
  }
}).find('textarea#message').change();
  
/*
alternative way of doing it

 

var observe;
if (window.attachEvent) {
    observe = function (element, event, handler) {
        element.attachEvent('on'+event, handler);
    };
}
else {
    observe = function (element, event, handler) {
        element.addEventListener(event, handler, false);
    };
}

var text = document.getElementById('text');
function resize () {
  text.style.height = 'auto';
  text.style.height = (text.scrollHeight+20)+'px';
}

function delayedResize () {
  window.setTimeout(resize, 0);
}
observe(text, 'change',  resize);
observe(text, 'cut',     delayedResize);
observe(text, 'paste',   delayedResize);
observe(text, 'drop',    delayedResize);
observe(text, 'keydown', delayedResize);

text.focus();
text.select();
resize();
*/


³×ƼÁð ÀÇ°ß   ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.)
³»¿ë ¾ÆÀ̵ð ÀÇ°ß³²±â±â
µî·ÏµÈ ÀÇ°ßÀÌ ¾ø½À´Ï´Ù.
1
À̸§
³»¿ë
:³×¸Â¾Æ¿ä: :È­³ª´Â±º¿ä: :Àá¿Í: :¿ì¿ïÇØ: :À̰ǾƳÄ: :¿ÕÇÏÇÏ: ¿Õ¿ôÀ½~ ³î·¥~
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
µµ¹è¹æÁöÅ°
 23213837 º¸ÀÌ´Â µµ¹è¹æÁöÅ°¸¦ ÀÔ·ÂÇϼ¼¿ä.