[Javascript] TD kleur aanpassen onclick

[ViNyL]

Doormiddel van een onclick event pas ik de achtergrond kleur van een rij aan in een tabel. In dat zelfde onclick event vouw ik een divje uit dat hidden is.

HTML:

onclick="Effect.toggle(document.getElementById('meerinfo-<?php echo $a; ?>'), 'blind' , {duration: 0.1});changeColors('<?php echo $a; ?>', '<?php echo $color; ?>');return false;">

Het divje is verborgen met de tag:

HTML:

style="display:none";

In mijn javascript functie kijk ik naar de status van het divje, is deze nog hidden of niet. Maar nu heb ik het idee omdat ik dit hard in de style tag heb gezet dat mijn functie niet goed werkt.

JavaScript:

function changeColors(rownr, rowcolor) {
    if (document.getElementById('meerinfo-' + rownr).style.display = 'none') {
        
        document.getElementById('phonetd1-' + rownr).style.background = '#FFFFCC';
        
    } else if (document.getElementById('meerinfo-' + rownr).style.display = '') {
        alert(rowcolor);
        document.getElementById('phonetd1-' + rownr).style.background = rowcolor;
        
    }
    
}

Bij het uitvouwen wordt de kleur keurig aangepast, alleen bij het invouwen lijkt de functie niet door te gaan naar het gedeelte:

JavaScript:

    } else if (document.getElementById('meerinfo-' + rownr).style.display = '') {

Dit komt natuurlijk omdat het hard in de tag staat. Hoe kan ik dit oplossen? Kun je die status van een style.display "on the fly" afvangen?

[disjfa]

Ja, dat kan je. Gewoon je element aanroepen en kijken wat de status van de style is

[crisp]

gebruik == bij vergelijkingen

[ViNyL]

Nou dat doe ik, maar omdat het blijkbaar 'hard' in de tag staat:

code:

<tr id="meerinfo-<?php echo $a; ?>" style="display:none;">

werkt dat niet...

[ViNyL]

crisp schreef op donderdag 13 december 2007 @ 10:25:
gebruik == bij vergelijkingen

ARGH..!

Dat had ik aangepast om te checken of dat soms verkeerd was (tegen beter weten in). Omdat er elders een foutje zat maakte dat geen ruk uit, maar helaas later niet meer teruggezet!

[ Voor 35% gewijzigd door ViNyL op 13-12-2007 10:27 ]

[disjfa]

Je zegt toch tegen het divje dat die een style moet krijgen. Dat heeft natuurlijk weinig met de tabelcel te maken.

[Jorick]

ViNyL schreef op donderdag 13 december 2007 @ 10:20:
Doormiddel van een onclick event pas ik de achtergrond kleur van een rij aan in een tabel. In dat zelfde onclick event vouw ik een divje uit dat hidden is.

HTML:

onclick="Effect.toggle(document.getElementById('meerinfo-<?php echo $a; ?>'), 'blind' , {duration: 0.1});changeColors('<?php echo $a; ?>', '<?php echo $color; ?>');return false;">

Het divje is verborgen met de tag:

HTML:

style="display:none";

In mijn javascript functie kijk ik naar de status van het divje, is deze nog hidden of niet. Maar nu heb ik het idee omdat ik dit hard in de style tag heb gezet dat mijn functie niet goed werkt.

JavaScript:

function changeColors(rownr, rowcolor) {
    if (document.getElementById('meerinfo-' + rownr).style.display = 'none') {
        
        document.getElementById('phonetd1-' + rownr).style.background = '#FFFFCC';
        
    } else if (document.getElementById('meerinfo-' + rownr).style.display = '') {
        alert(rowcolor);
        document.getElementById('phonetd1-' + rownr).style.background = rowcolor;
        
    }
    
}

Even een opmerking over wat hierboven staat: moet style.display = 'none' niet style.display == 'none' zijn? Want = is een toekenning dus als je het mij vraagt werkt je if en else if nu niet.

Bij het uitvouwen wordt de kleur keurig aangepast, alleen bij het invouwen lijkt de functie niet door te gaan naar het gedeelte:

JavaScript:

    } else if (document.getElementById('meerinfo-' + rownr).style.display = '') {

Dit komt natuurlijk omdat het hard in de tag staat. Hoe kan ik dit oplossen? Kun je die status van een style.display "on the fly" afvangen?

* Jorick traaaaag