Auto height på textarea

ahlt · 11. juli 2007

Hei

Jeg lurer på om det er mulig å sette en dynamisk følge høyde på et textarea?

Om brukeren skriver et lengre innlegg i en liten textarea boks skal boksen høyde følge teksten, og dermed øke for hver gang brukeren skriver en ny linje.

Er dette mulig?

Takk

backup · 11. juli 2007

Hva med denne? Funker på IE iallfall, men IE kommer opp med en warning om activex som må godtas skal det funke!

<html>
<head>
<script>
var oH = 0;
function sjekk(e) {
if (e.which?e.which==13:event.keyCode==13) {
 var d = document.getElementById('c').style.height.replace(/[^\d]/g,"");
 if(!d)d=oH;var ex=parseInt(d)+parseInt(oH);
 document.getElementById('c').style.height = ex+"px";
} else {
 document.getElementById('c').style.height = "0px"; 
 document.getElementById('c').style.height = document.getElementById('c').scrollHeight + "px";
}}
function sjekkKeyChange(inn) {
if (inn.which && !inn.ctrlKey && !inn.ctrlKey)
 sjekk(inn);}
function init() {
oH=parseInt(document.getElementById('c').style.height.replace(/[^\d]/g,""));
if(!oH)oH=20; 
var ole = document.getElementById('c');
if (ole.attachEvent) {
 addz(ole, 'keypress', sjekk);
} else {
 addz(ole, 'keypress', sjekkKeyChange);}}
function addz(x, y, z) {
if (x.attachEvent) {
 x.attachEvent('on'+y, z);
} else {
 x.addEventListener(y, z, false);}}
addz(window,"load",init);
</script>
<style>
#c {overflow:hidden;font-family:sans-serif;}
</style>
</head>
<body>
<p>Skriv inn noen ord og trykk return.<br>Skriv inn bare ord!<br>Trykk back space!</p>
<p><textarea id='c' rows="1" cols="40" wrap="soft"></textarea></p>
</body>
</html>

ahlt · 13. juli 2007

Tusen takk, det funka bra: )

Logg inn

Auto height på textarea

Anbefalte innlegg

ahlt

Videoannonse

backup

ahlt

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer