login  Naam:   Wachtwoord: 
Registreer je!
 Forum

select kleur

Offline cloudstrife - 05/03/2007 18:59
Avatar van cloudstrifePHP beginner Stel dat je volgende code hebt:

  1. <select style="color: " id="kleur">
  2. <option value="#000000">zwart</option>
  3. <option style="color: blue;" value="blue">blauw</option>
  4. <option style="color: red;" value="red">rood</option>
  5. <option style="color: yellow;" value="yellow">geel</option>
  6. <option style="color: green;" value="green">groen</option>
  7. <option style="color: fuchsia;" value="fuchsia">roze</option>
  8. <option style="color: brown;" value="brown">bruin</option>
  9. <option style="color: orangered;" value="orangered">oranje</option>
  10. </select>


Deze geeft de options in de select een kleur, maar hoe stel je nu de kleur van de select zelf in? Ik weet dat dit met style="color: " gaat net als de options maar hoe krijg ik er de waarde in van de geselecteerde optie?

5 antwoorden

Gesponsorde links
Offline Rojjj - 05/03/2007 19:27
Avatar van Rojjj Nieuw lid Ik weet niet of ik het goed begrijp, maar als jij bijvoorbeeld de kleur wilt veranderen moet je het in een form zetten. Het moet een post functie hebben. En de <select> moet volgens mij ook een name hebben wil je het een eigenschap meegeven!

Maar is het de bedoeling dat wanneer je de site opnieuw laadt, de achtergrond de kleur is die je zelf gekozen hebt?
Offline Mad_Mike - 05/03/2007 19:52
Avatar van Mad_Mike PHP beginner
  1. <script>
  2. function changeColor(value)
  3. {
  4. document.getElementById('kleur').style.backgroundColor = value;
  5. //document.getElementById('kleur').style.color = value;
  6. }
  7. </script>
  8.  
  9. <select onChange="changeColor(this.value)" id="kleur">
  10. <option value="#000000">zwart</option>
  11. <option style="color: blue;" value="blue">blauw</option>
  12. <option style="color: red;" value="red">rood</option>
  13. <option style="color: yellow;" value="yellow">geel</option>
  14. <option style="color: green;" value="green">groen</option>
  15. <option style="color: fuchsia;" value="fuchsia">roze</option>
  16. <option style="color: brown;" value="brown">bruin</option>
  17. <option style="color: orangered;" value="orangered">oranje</option>
  18. </select>


Bedoel je zoiets?
Offline cloudstrife - 05/03/2007 22:27
Avatar van cloudstrife PHP beginner Idd zoiets
Offline Mad_Mike - 06/03/2007 08:41
Avatar van Mad_Mike PHP beginner Zoiets.... of is dit het? 
Offline cloudstrife - 06/03/2007 10:14
Avatar van cloudstrife PHP beginner Hehe, het is het inderdaad. Thanx
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.339s