CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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>

Synes godt om

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

Synes godt om

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 ! :)

Synes godt om

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>

Synes godt om

thomas_yde Nybegynder

19. januar 2005 - 14:44 #4

Synes godt om

loevgaard Praktikant

19. januar 2005 - 15:19 #5

Er det ikke mest korrekt at bruge style.backgroundColor='#FARVEKODE' ...?

Synes godt om

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) !-)

Synes godt om

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 :)

Synes godt om

olebole Juniormester

19. januar 2005 - 22:28 #8

<ole>

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

/mvh
</bole>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS