Avatar billede skumpaq Nybegynder
13. april 2002 - 20:00 Der er 2 kommentarer og
1 løsning

TDBAGCOLOR...?!

Hvordan laver man et script, der kan ændre et TD-felt's baggrundsfarve, når man trykker på en <radio>..?
Avatar billede jakoba Nybegynder
13. april 2002 - 20:18 #1
Gov dellen et id attribut:
  <td id="cellederskifterbaggrund">

lav en onclick i din radioknap(per)

<input type='radio' name='olsen' value="#FFCCFF"
      onclick="skiftFarve( 'cellederskifterbaggrund', this.value );">

og så et lille script i head:

<script type='text/javascript'>

function skiftFarve( objId, nyFarve ) {
    if ( document.getElementById ) {
        var obj = document.getElementById( objId );
    } else
    if ( document.all ) {
        var obj = document.all[ objId ];
    } else
        return; // virker ej her.
    obj.style.backgroundColor = nyFarve;
}; //end skiftFarve( string, string )

</script>

mvh JakobA
Avatar billede skumpaq Nybegynder
17. april 2002 - 15:46 #2
Ja, det virker også, tak, men hvad gør jeg hvis nu jeg vil gøre sådan at hver RADIO har et tal ID som fx 1, og at når jeg klikker på en anden RADIO knap, så stiller farven sig om til normal, og den anden får farven..?!
Avatar billede jakoba Nybegynder
17. april 2002 - 22:47 #3
det ser står efter  id=  skal være et navn, dvs begynde med et bogstav og ikke et ciffer

her kalder jeg radioknapperne skum0, skum1, skum2, ...

<form >
<input type='radio' name='skum0' value="#FFCCFF"
      onclick="skiftFarve( this.name, this.value );">
<input type='radio' name='skum1' value="#FFCCFF"
      onclick="skiftFarve( this.name, this.value );">
<input type='radio' name='skum2' value="#FFCCFF"
      onclick="skiftFarve( this.name, this.value );">
</form>

og så et lille script i head:

<script type='text/javascript'>

var normalfarve = "#99FFFF"
var celleId = new Array( 'celle0', 'celle1', 'celle2' );
    // en celle for hver radioknap

var hukommelse = ""; // Id for den celle der pt er farvet

function skiftFarve( radionavn, nyFarve ) {
    var nummer = parseInt( radionavn.substr(4) ); // spring 'skum' over
    var objId = celleId[ nummer ]; // find tilsvarende mavn.
    if ( objId == hukommelse ) return;
    if ( document.getElementById ) {
        var obj = document.getElementById( objId );
        var obj2 = document.getElementById( hukommelse );
    } else
    if ( document.all ) {
        var obj = document.all[ objId ];
        var obj2 = document.all[ hukommelse ];
    } else
        return; // virker ej her.
    obj.style.backgroundColor = nyFarve;
    obj2.style.backgroundColor = normalfarve;
}; //end skiftFarve( string, string )

</script>

men jeg er ikke spor sikker på jeg forstår hvad du mener.

mvh JakobA
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