Avatar billede ranza Nybegynder
19. januar 2005 - 13:44 Der er 7 kommentarer og
1 løsning

grå baggrund i input felt også i IE

Jeg er ved at forsøge mig med at lave grå baggrund på et input felt nu når feltet er disabled.

Mit problem ligger i at det også meget gerne skulle virke i IE men jeg syntes ikke rigtig jeg kan finde en måde at få det til at lykkes på.

Mit kode indtilvidere ser således ud. Har i nogen ideer til en workaround?

-------------

<html>
<head>
<title>input test</title>
<script>
function aktiver_felt(selObj){
    var tx = selObj.options[selObj.selectedIndex].value;
    if (tx == 'ping') {
        document.forms['form'].elements['foo'].disabled=false;
        document.forms['form'].elements['bar'].disabled=true;
       
        document.forms['form'].elements['foo'].style.background='white';
        document.forms['form'].elements['bar'].style.background='lightgray';
    }
    else if (tx == 'pong') {
        document.forms['form'].elements['foo'].disabled=true;
        document.forms['form'].elements['bar'].disabled=false;
       
        document.forms['form'].elements['foo'].style.background='lightgray';
        document.forms['form'].elements['bar'].style.background='white';
    }
    else {
        document.forms['form'].elements['foo'].disabled=true;
        document.forms['form'].elements['bar'].disabled=true;
       
        document.forms['form'].elements['foo'].style.background='lightgray';
        document.forms['form'].elements['bar'].style.background='lightgray';
    }
}

</script>
</head>
<body>

<form name="form">
<select name="type" onChange="aktiver_felt(this);">
    <option selected>chooooose something !</option>
    <option value="ping">ping</option>
    <option value="pong">pong</option>
</select>
<br><br>

<input name="foo" disabled><br>
<input name="bar" disabled>

</body>
</html>
Avatar billede crazykiddo Nybegynder
19. januar 2005 - 13:52 #1
Lav det i asp/php
ved at lave 1 dropdown som når der vælges submitter til samme side
og så laver du nogle 'if else endifer'
som så alt efter hvad der er submittet fra dropdown boxen spytter dropdownboxen ud igen med den du valgte før valgt
og så de andre felter der nu skal være for den nettop valgte.
og så til sidst en submit knap der gemmer eller hvad du nu vil efter.

hope it helps
Avatar billede ranza Nybegynder
19. januar 2005 - 13:54 #2
når det KAN lad sig gøre at lave i javascript så tror jeg bare jeg holder mig til det ! :)
Avatar billede thomas_yde Nybegynder
19. januar 2005 - 14:43 #3
<html>
<head>
<title>input test</title>
<script type="text/javascript">
function getE(id){return document.getElementById(id)}

function aktiver_felt(selObj){
    var selValue = selObj.value;
    var foo = getE("foo");
    var bar = getE("bar");
    if(selValue == "ping"){
        foo.disabled = false;
        bar.disabled = true;
        foo.style.background = "#ffffff";
        bar.style.background = "lightgrey";
    }
    else if(selValue == "pong"){
        bar.disabled = false;
        foo.disabled = true;
        bar.style.background = "#ffffff";
        foo.style.background = "lightgrey";   
    }
}

</script>
</head>
<body>

<form name="form">
<select name="type" onChange="aktiver_felt(this);">
    <option selected>chooooose something !</option>
    <option value="ping">ping</option>
    <option value="pong">pong</option>
</select>
<br><br>

ping: <input name="foo" id="foo" disabled><br>
pong: <input name="bar" id="bar" disabled>
</form>
</body>
</html>
Avatar billede thomas_yde Nybegynder
19. januar 2005 - 14:44 #4
<script type="text/javascript">
function getE(id){return document.getElementById(id)}

function aktiver_felt(selObj){
    var selValue = selObj.value;
    var foo = getE("foo");
    var bar = getE("bar");
    if(selValue == "ping"){
        foo.disabled = false;
        bar.disabled = true;
        foo.style.background = "#ffffff";
        bar.style.background = "lightgrey";
    }
    else if(selValue == "pong"){
        bar.disabled = false;
        foo.disabled = true;
        bar.style.background = "#ffffff";
        foo.style.background = "lightgrey";   
    }
    else{
        bar.disabled = true;
        foo.disabled = true;
        bar.style.background = "lightgrey";
        foo.style.background = "lightgrey";       
    }
}

</script>
Avatar billede loevgaard Praktikant
19. januar 2005 - 15:19 #5
Er det ikke mest korrekt at bruge style.backgroundColor='#FARVEKODE' ...?
Avatar billede roenving Novice
19. januar 2005 - 15:30 #6
Næh, det er ikke mere korrekt end at bruge farvenavn eller f.eks. rgb(nr,nr,nr) !-)
Avatar billede ranza Nybegynder
19. januar 2005 - 16:38 #7
orv cool det virker faktisk ret godt - rettede det til og nu spiller det helt ! klasse!!

TAK :)
Avatar billede olebole Juniormester
19. januar 2005 - 22:28 #8
<ole>

Systemfarven hedder 'threedface':
  foo.style.background = "threedface";

/mvh
</bole>
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