achtergrond

[MEDI]

hi

Ik zou willen dat de achtergrond kleur van een input-vakje verandert naargelang de waarde van de inhoud.

Stel, ik kom een waarde 3 uit, dan zal die 3 in dat vakje verschijnen (input...) maar met een gele achtergrond. Is de waarde 1 dan moet de achtergrond groen zijn, etc...

Ik weet het, is allemaal simpel met ben pas 1 dag bezig met javascript in m'n html.

Het lijkt zo simpel m'n vraagstelling maar googelen leverde niks op..

wie weet raad?
merci!!

 

[NielsDesmet]

In het volgende script komen de posities van de elementen van de array "Waarden" overeen met die van "Kleuren", bv: De 3 op positie 2 (positie 3 dus eigelijk, maar JS begint te tellen van en met 0) komt overeen met de "#FFFF00" (Geel) op positie 2 van "Kleuren". Je kan uiteraard ook nog je eigen waarden en kleuren eraan toevoegen.
Standaardkleur wordt gebruikt als Veranderd de waarde 0 heeft, maw als de huidige waarde van het inputveld niet gevonden is in Waarden.

<input id="DeInput" onkeyup="Verander()">

<script language="JavaScript" type="text/javascript">
<!--
var InputVeld = document.getElementById("DeInput");
var Waarden = new Array(1,2,3,4,5);
var Kleuren = new Array("#00FF00","#FF0000","#FFFF00","#0000FF","#FF00FF");
var StandaardKleur = "#FFFFFF";

function Verander()
{
 var Veranderd = 0;
 for(i=0; i<Waarden.length; i++)
 {
 	if(InputVeld.value == Waarden[i])
	{
	 InputVeld.style.background = Kleuren[i];
	 Veranderd = 1;
	}
 }
 if(Veranderd == 0)
 {
 	InputVeld.style.background = StandaardKleur;
 }
}
//-->
</script>

EDIT: Om een of andere reden werd de onkeyup in Internet Explorer niet geregistreerd, in Firefox werkt het echter perfect. Weet iemand hoe dit komt?

 

[That Guy]

omdat het IE is? Probeer anders eens

<input id="DeInput" onkeydown="Verander()">

:thumb:


[edit] hier werkt onkeydown wel, maar dan zo:

//js
bla.onkeydown = function(e)
{
   //doe iets
}

[/edit]

 

[NielsDesmet]

omdat het IE is?

LOL
Tja, dat klinkt inderdaad wel de meest logische verklaring XP