2009-02-04 2 views
1

Кто-нибудь знает о хорошем плагине для прототипа, который позволяет текстовым областям автоматически расширяться/сокращаться в зависимости от того, сколько текста в них (например, строка добавляется, площадь становится больше, линия удаляется он становится меньше)?Плагин-прототип для динамически расширяющегося текстового поля

Мне нужен бесплатный доступ (например, какая-либо форма лицензии типа GPL).

ответ

2

Это использует прототип:

<textarea id='t1' cols="40" rows="7" style='overflow:hidden;font-size:14px;font-family:"Times New Roman", Times, serif'></textarea> 
<script type="text/javascript"> 
function activateResize(element) { 
    Event.observe(element, 'keyup', function() { 
     updateSize(element) 
    }); 
    updateSize(element) 
} 

function updateSize(element) { 
    //if scrollbars appear, make it bigger, unless it's bigger then the user's browser area. 
    if(Element.getHeight(element)<$(element).scrollHeight&&Element.getHeight(element)<document.viewport.getHeight()) { 
     $(element).style.height = $(element).getHeight()+15+'px' 
     if(Element.getHeight(element)<$(element).scrollHeight) { 
      window.setTimeout("updateSize('"+element+"')",5) 
     }  
    } 
} 

activateResize('t1') 
</script> 
+0

Я основал код, который я использовал на этом, спасибо. –

Смежные вопросы