login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:

Scripts > PHP > Handige scripts > kleurenkaart

kleurenkaart

Auteur: svm - 04 februari 2007 - 19:00 - Gekeurd door: Joel - Hits: 3132 - Aantal punten: 4.67 (3 stemmen)



Dit script geeft een kleurenkaart weer.
Wanneer je met je muis over een kleur gaat krijg je de HEX-code van die kleur te zien.

De mag de variable $keer wijzigen.
Deze bepaalt hoeveel kleuren er overgeslagen worden.
Maar het lijkt me verder wel duidelijk.

Er zijn met maarliefst 16.777.216 kleuren te maken met de HEX-codes.
Omdat dit zo veel is en de kleuren ongelofelijk op elkaar lijken, kun je met dit script een kleuren kaart van maximaal 4096 kleuren maken: dit is dan ook meer dan genoeg.

Er zit CSS bij voor de cel opmaak en JS voor de code weergave.


TIP:
Download het script als een txt, klik hier.

Code:
  1. <style>
  2. table {
  3. border: 0px #000000 solid;
  4. }
  5. td {
  6. border: 1px #000000 solid;
  7. height: 10px;
  8. width: 20px;
  9. }
  10. </style>

  1. <script language='javascript'>
  2. function kleur(hex) {
  3. document.getElementById("kleur").value = "#"+ hex;
  4. }
  5. function leeg() {
  6. document.getElementById("kleur").value = "";
  7. }
  8. </script>

  1. <?
  2. $keer = "3"; //per hoeveel # komt de kleur te staan? Aan te raden: 3, 5, 7, 15
  3.  
  4. // hieronde niks meer wijzigen
  5.  
  6. // het uitvoer van controles voor de waarde van $keer, om problemen te voorkomen
  7. if(!isset($keer) OR $keer == "")
  8. exit("De variable '<i>keer</i>' bestaat niet of is leeg.<br>Deze is wel nodig, omdat deze aangeeft hoeveel kleuren er komen.");
  9. if(!is_numeric($keer))
  10. exit("De ingevulde waarde voor de variable '<i>keer</i>' is geen getal.<br>Voer dus een getal in (tussen de 0 en 16).");
  11. if($keer > 16 OR $keer == 0)
  12. exit("De ingevulde waarde voor de variable '<i>keer</i>' ligt niet tussen de 0 en 17.<br>Dit zou voor problemen gaan zorgen.<br>Voer dus een getal tussen de 0 en de 17 in.");
  13.  
  14. // hieronder het script dat de kleuren geeft
  15. $kleur = array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
  16. echo "<table>
  17. ";
  18. for($i=0;$i<16;$i=$i+$keer){
  19. echo "<tr>
  20. <td bgcolor='#". $kleur[$i].$kleur[$i].$kleur[$i].$kleur[$i].$kleur[$i].$kleur[$i] ."' onmouseover='kleur(\"". $kleur[$i].$kleur[$i].$kleur[$i].$kleur[$i].$kleur[$i].$kleur[$i] ."\")'; onmouseout='leeg()';>&nbsp;</td><td></td>
  21. ";
  22. for($j=0;$j<16;$j=$j+$keer){
  23. for($k=0;$k<16;$k=$k+$keer){
  24. echo "<td bgcolor='#". $kleur[$i].$kleur[$i].$kleur[$j].$kleur[$j].$kleur[$k].$kleur[$k] ."' onmouseover='kleur(\"". $kleur[$i].$kleur[$i].$kleur[$j].$kleur[$j].$kleur[$k].$kleur[$k] ."\")'; onmouseout='leeg()';>&nbsp;</td>
  25. ";
  26. }
  27. }
  28. echo "</tr>
  29.  
  30. ";
  31. }
  32. echo "</table>";
  33. ?>
  34. De HEX code van de kleur waar de cursor nu opstaat is: <input id="kleur" type='text' maxlength='7' size='7'>
Download code! Download code (.txt)

Download dit script! Bekijk een voorbeeld van dit script!
 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Lees de reacties (8)
© 2002-2019 Sitemasters.be - Regels - Laadtijd: 0.076s