Gå til innhold

Auto height på textarea

ahlt

Av ahlt
i Programmering og webutvikling

Anbefalte innlegg

ahlt

ahlt

Skrevet
Skrevet

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

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
backup

backup

Skrevet
Skrevet

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>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...