Søg
Avatar billede kalaharikid Nybegynder
01. oktober 2002 - 00:06 Der er 7 kommentarer og
1 løsning

Ændre formularfelts størrelse så det følger vinduet (onResize)

Hej,

- Det rinder mig i hu at jeg engang har set et javascript der kunne skrumpe og vokse et tekstfelt (text area) så det så cirka følger vinduets størrelse - Men ulykkeligvis fik man ikke bookmarket - Derfor dette lytterønske : Jeg skal bruge scriptet i en bundframe med formen ,hvor brugeren selv kan resize framen og det derfor ville være fedt hvis størrelsen på feltet forholdt sig til størrelsen på siden/framen/vinduet ? - Har nogle af jer planket eller kan I selv er der 50 af de grydeklare !!!

MVH kalaharikid
Avatar billede jakoba Nybegynder
01. oktober 2002 - 00:55 #1
Har du prøvet med CSS og størrelse angivet i %

<input type='text' value="" style="width:25%;height:10%">
Avatar billede nikolajdu Nybegynder
01. oktober 2002 - 01:05 #2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>

    <script>
    ned = true;
    nyHojde = 100
    function skiftDu(){
    document.getElementById('du').style.width = 600
   
    hojde = document.getElementById('du').offsetHeight
    if(ned){
        if(hojde<=nyHojde){
    hojde++;
    document.getElementById('du').style.height = hojde
    setTimeout("skiftDu()",10)
    }else{
    skift = false
    ned = false

    clearTimeout(skiftDu)
    return false
        }
    }else if(!ned){
        if(hojde>=originalHojde+1){
    hojde--;
    document.getElementById('du').style.height = hojde
    setTimeout("skiftDu()",10)
   
    }else{
    skift = true
    ned = true
    clearTimeout(skiftDu)
        return false
        }
    }
}
   
    </script>
</head>

<body>

<textarea id="du" style="width:600;background-color:#cccccc">Juhu du</textarea>

<a href="#" onclick="skiftDu();return false">Se mig :))</a>
<script>

originalHojde = document.getElementById('du').offsetHeight

</script>
</body>
</html>



/Nikolaj
Avatar billede jakoba Nybegynder
01. oktober 2002 - 01:08 #3
He He nikolajdu. se bare her, det virker faktisk med CSS:
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp264515.html

mvh JakobA
Avatar billede nikolajdu Nybegynder
01. oktober 2002 - 01:21 #4
Nok mere det du vil have...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>

    <script>
    function skiftDu(x,y){
    document.getElementById('du').style.height = y-14
    document.getElementById('du').style.width = x-14
}

function tjeckSize(){
    var bredde = (window.innerWidth) ? window.innerWidth : document.body.clientWidth;
    var hojde = (window.innerHeight) ? window.innerHeight : document.body.clientHeight;
skiftDu(bredde,hojde)
}

    </script>
</head>

<body onload="tjeckSize()" onresize="tjeckSize()">

<textarea id="du" style="width:600;background-color:#cccccc">Juhu du</textarea>

</body>
</html>
Avatar billede nikolajdu Nybegynder
01. oktober 2002 - 01:21 #5
Æv sgu da :)
Avatar billede jakoba Nybegynder
01. oktober 2002 - 01:25 #6
Begge måder virker, og min har problemer med lodret justering i IE6
Avatar billede kalaharikid Nybegynder
01. oktober 2002 - 01:36 #7
Ja, I to er rigtigt kommet til høstfest - Men ellers ganske imprægnerende - Hvoffer bakser I sådan hvis CSS does the trick ?

Tak for hjælpen - Kalahariålikarri !
Avatar billede nikolajdu Nybegynder
01. oktober 2002 - 01:40 #8
kalaharikid - Jeg overvejede slet ikke CSS, man havde det første script liggende fra en gang jeg lavede noget der skulle resize en tabel - Omvendt kan vi jo lide at bakse - Så lærer vi jo også noget :)

/Nikolaj
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
I går 13:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
White papers
Flere white papers »