[javascript] "switchen" tussen div's backgroundcolors

Door nick op 23-11-2006 10:06

688 views

Hallo,

ik hoop dat iemand mij met me probleem kan helpen.

ik heb namelijk nu deze code:


var arrTypes = new Array();
arrTypes[0] = '#66FF00';
arrTypes[1] = 'red';
arrTypes[2] = 'navy';
arrTypes[3] = 'green';
arrTypes[4] = 'black';
arrTypes[5] = document.body.style.backgroundColor;

function checkField(el, type, id) {
  el.style.backgroundColor=arrTypes[type];
}

dmv deze code krijg ik als ik op een div druk een nieuwe achtergrondkleur.

De onclick script:


<div onclick="checkField(this, 1, '1');"</div>
<div onclick="checkField(this, 2, '1');"</div>
<div onclick="checkField(this, 3, '1');"</div>
<div onclick="checkField(this, 4, '1 ');"</div>

nu wou ik graag als ik op de 1e druk. die rood word, als ik op de 2e klik die navy word en dat de 1e weer gewoon de backgroundcolor word.
als ik dan vervolgens op de 3e druk.. die groen word en degene die navy is gewoon weer backgroundcolor word en etc..

ik hoop dat iemand mij kan helpen.

bvd,

Nick

Elwin - Fratsloos

23-11-2006 12:21

Je moet je 'switch'-functie zo opbouwen:

function switch() {
  // Eerst alles terug naar background
  document.getElementById('hier_het_id_van_de_div').style.backgroundColor=''; // Dit dus voor alle div's

  // En nu de div een eigen kleur
  document.getElementById('de_div_die_moet_kleuren').style.backgroundColor='deGekozenKleur';
}

Verder moet je die divs dus een id meegeven, dan kan je ze makkelijk benaderen.

Succes ermee!

Elwin

[Edit: Typo]

Reageren

Inloggen om te reageren