Avatar billede ofirpeter Nybegynder
07. juli 2006 - 14:07 Der er 4 kommentarer og
1 løsning

Automatik størrelse af select

Jeg har lånt roenvings Multiple selects http://roenving.users.whitehat.dk/index.html?/WD4Selects-beta.html)

Jeg arbejder videre med den her: http://www.druk.dk/exp.php

Prøv at kalde siden, og trykke: Biler & tilbehør -> Personbiler
- herefter trykker du lige under på "Biltilbehøre og specialbiler".

Det ses nu at select vinduet ikke selv opdaterer størrelsen, så den passer til teksten.

Findes der en løsning, således at vinduet selv opdatere, og man kan se hele teksten.

Med venlig hilsen
Peter Juel
Avatar billede mclemens Nybegynder
07. juli 2006 - 19:13 #1
Godt nok?



<script language="javascript" type="text/javascript">
var arr = [
["Biler & Tilbehør",[["Personbiler",["1:Alfa Romeo","2:Audi","3:BMW","4:Chrysler","5:Citroen","6:Daewoo","7:Chevrolet"]],["Biltilbehør og Specialbiler",["8:Skadede og reservedelsbiler","9:Reservedele til amerikanerbiler","10:Reservedele til 4-hjulstrækkere/terrænbiler","11:Motorer og gearkasser til personbiler","12:Andre reservedele til personbiler","13:Dæk","14:Fælge","15:Fælge med dæk og tilbehør","16:Tuning","17:Styling og tilbehør","18:Autostereo","19:Navigation og multimedia","20:Autoreparation, lakering m.v.","21:Trailere","22:Værkstedsinventar og værktøj","23:Værkstedshåndbøger, biler/MC","24:Autoudlejning","25:Køreskoler","26:Sportsvogne og specialbiler","27:Veteraner","28:Reservedele til veteraner","29:Biler uden afgift (Tax-Free)","30:4-hjulstrækkere og terrænbiler","31:Amerikanerbiler","32:Elbiler og kitcars","33:Motorsport"]],["Erhvervsbiler",["34:BMW","35:Chevrolet","36:Chrysler","37:Citroen","38:Fiat","39:Ford","40:Honda","41:Hyundai","42:Iveco","43:Jeep","44:Kia","45:Mazda","46:Mercedes Benz","47:Mitsubishi","48:Nissan","49:Opel","50:Peugeot","51:Renault","52:Rover","53:Seat","54:Suzuki","55:Toyota","56:Volvo","57:VW","58:Alle erhvervsbiler","59:Lastbiler","60:Busser","61:Reservedele til varevogne/lastbiler"]],["Camping",["62:Adria","63:Bürstner","64:Cabby","65:Dethleffs","66:Eifelland","67:Fendt","68:Hobby","69:Hymer","70:Kabe","71:Knaus","72:LMC","73:Sprite","74:Tabbert","75:T.E.C.","76:Wilk","77:Andre campingvogne","78:Autocampere","79:Teltvogne","80:Fortelte, og udstyr til campingvogne","81:Campingudstyr","82:Campingpladser"]]]]];
//alert(arr1[1][1])
function initSels(){
    createOpts(document.getElementById('sel3'));
}

function createOpts(sel){
    var s = new Array();
    var num = 0, txt = "arr";
    var ar = opt = null;
    var n = sel.selectedIndex;
    var args = createOpts.arguments.length;
    for(var i=1;args>i;i++){
        s[i-1] = document.getElementById(createOpts.arguments[i]);
        if(s[i-1]==sel)num=i;
    }
    if(args>1){
        if(s[num])sel = s[num];
        else return;
    }
    if(n==0&&args>1){
        for(i=num;args>i+1;i++){
            s[i].length = 0;
            opt = document.createElement('OPTION');
            s[i].appendChild(opt);
            opt.value = "";
            opt.text = "\74-- Vælg --";
        }
        return true
    };
    for(i=0;num>i;i++){
        txt+="["+(s[i].selectedIndex-1)+"][1]";
    }
    ar = eval(txt);
    sel.length = 0;
    opt = document.createElement('OPTION');
    sel.appendChild(opt);

  opt.value = "";
  opt.text = "-- Vælg --";
    for(i=0;ar.length>i;i++){
        opt = document.createElement('OPTION');
        sel.appendChild(opt);
        if(typeof ar[i] == 'object'){
            opt.value = "";
            opt.text = ar[i][0];
        }else{
            opt.text = ar[i];
            MyArrayOfStrings=opt.text.split(":",2)
            opt.text = MyArrayOfStrings [1];
            opt.value = MyArrayOfStrings [0];
        }
    }
    if(args>num+2){
        for(i=num+1;args-1>i;i++){
            s[i].length = 0;
            opt = document.createElement('OPTION');
            s[i].appendChild(opt);
            opt.value = "";
            opt.text = "\74-- Vælg --";
        }
    }sel.style.width="300px";sel.style.width="auto";
}

function antal_tegn() {

antal_tegn_i_felt.innerHTML = document.sels.annoncetekst.value.length + " / 1000";

}
var shown = false;
</script>
Avatar billede mclemens Nybegynder
07. juli 2006 - 19:14 #2
sel.style.width="300px";sel.style.width="auto";
^ - Tilføjet lige før afslutning af funtionen...
Avatar billede mclemens Nybegynder
08. juli 2006 - 02:11 #3
Lige et svar også hvis det nu hjalp :o)
Avatar billede ofirpeter Nybegynder
08. juli 2006 - 14:23 #4
Det gjorde det! Mange tak, det var simpelthen super!
Avatar billede mclemens Nybegynder
08. juli 2006 - 15:30 #5
Velbekom, og tak for pointene :o)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester