Koristim textbox u datalisti. Međutim, ne mogu napraviti da mi se textbox height povečava dinamički ovisno o broju redova u textboxu.
U css-u imam fiksni height i to mi nije dobro rješenje.
Ako netko ima bolje...
Pogledaj ovaj jQuery plugin. Mislim da je to ono što želiš...
http://www.dazecoop.co.uk/22-10-2008/jquery-textarea-auto-grow-auto-height
Implementacija je, kao i kod svakog drugog jQuery plugina, nadasve jednostavna...
Probno riješenje napisao sam u JScript-u:
<html>
<head>
<script language="jscript">
function tipkanje()
{
if (box1.value.charAt(box1.value.length-1).match("\n") != null)
{
//box1.rows++; //mozda zatreba ovo kad obrisemo style u HTML tagu
//ili bas visina:
var a = box1.style.height.search(/px/); //smeta "px"
var b = box1.style.height.substring(0, a); //samo broj
a = 1*b + 15;
box1.style.height = a + "px"; //nova vrijednost
}
}
</script>
</head>
<body>
<textarea onkeypress="tipkanje()" id="box1" rows="1" style="height: 20px"></textarea>
</body></html>
Kad uzmemo u obzir konkrentno dataliste, event. smanjivanje visine, min. i max. granicu onda je jednostavnije nastaviti coder_ovim prijedlogom :D
savjet: ono što može CSS, može i style="neka CSS naredba" kao atribut HTML taga s defaultnom vrijednošću i style kao objekt koji predstavlja CSS u funkciji povezan preko id (imena i prezimena HTML taga) za postizanje dinamike.
PS.
U css-u imam fiksni height i to mi nije dobro rješenje.
btw. zašto? Pola četiri je ujutro :D
