Rozciągający się input, Proporcjonalnie do wpisanego tekstu Opcje

[IIFF]

Nie chce by rozciągał się "na żywo", ale mam pewną grupę inputów które muszą się "dostosowywać do długiści własnej treści", a ręcznie to za dużo roboty, porpstu by po odświeżeniu strony miał taką długość jak tekst wpisany w nim. Strona prosta, w html tylko, więc chyba pójdzie łatwo. (IMG:style_emoticons/default/smile.gif)

[Sephirus]

Hmmm To nie jest do końca takie proste (IMG:style_emoticons/default/wink.gif)

Ale proponuje użyć czegoś takiego:

[HTML] pobierz, plaintext 
<input type="text" name="nazwa" onkeyup="autoExpand(this)"/>
 
<script type="text/javascript">
 
function autoExpand(obj)
{
	obj.style.width = '100px';
    obj.style.width = parseInt(obj.scrollWidth) + 20 + 'px';
}
 
</script>
[HTML] pobierz, plaintext 

Kilka słów objaśnienia. To akurat działa w trybie rzeczywistym. Pierwsza linijka funkcji przywraca domyślną szerokość inputa użyłem 100px - jest to przydatne gdy kasujemy tekst. Do szerokości dodaje jakąś liczbę pikseli żeby nie było ucinania literek ;P lepiej żeby było trochę dłuższe niż za krótkie. I najważniejsze - jeżeli twój input ma ustawiony jakiś padding na lewo/prawo to musisz przetestować ten kod na paru przeglądarkach bo wiem, że niektóre wliczają w scrollWidth także padding więc może wystąpić potrzeba odjęcia paddingu od szerokości inputa (IMG:style_emoticons/default/wink.gif) wyjdzie w praniu

HTH! (IMG:style_emoticons/default/wink.gif)