kleurenkaart
Auteur: svm - 04 februari 2007 - 19:00 - Gekeurd door: Joel - Hits: 3770 - 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: |
<style>
table {
border: 0px #000000 solid;
}
td {
border: 1px #000000 solid;
height: 10px;
width: 20px;
}
</style>
<style> table { border: 0px #000000 solid; } td { border: 1px #000000 solid; height: 10px; width: 20px; } </style>
<script language='javascript'>
function kleur(hex) {
document.getElementById("kleur").value = "#"+ hex;
}
function leeg() {
document.getElementById("kleur").value = "";
}
</script>
<script language='javascript'> function kleur(hex) { document.getElementById("kleur").value = "#"+ hex; } function leeg() { document.getElementById("kleur").value = ""; } </script>
<?
$keer = "3"; //per hoeveel # komt de kleur te staan? Aan te raden: 3, 5, 7, 15
// hieronde niks meer wijzigen
// het uitvoer van controles voor de waarde van $keer, om problemen te voorkomen
if(!isset($keer) OR $keer == "")
exit("De variable '<i>keer</i>' bestaat niet of is leeg.<br>Deze is wel nodig, omdat deze aangeeft hoeveel kleuren er komen.");
if(!is_numeric($keer))
exit("De ingevulde waarde voor de variable '<i>keer</i>' is geen getal.<br>Voer dus een getal in (tussen de 0 en 16).");
if($keer > 16 OR $keer == 0)
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.");
// hieronder het script dat de kleuren geeft
$kleur = array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");
echo "<table>
";
for($i=0;$i<16;$i=$i+$keer){
echo "<tr>
<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()';> </td><td></td>
";
for($j=0;$j<16;$j=$j+$keer){
for($k=0;$k<16;$k=$k+$keer){
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()';> </td>
";
}
}
echo "</tr>
";
}
echo "</table>";
?>
De HEX code van de kleur waar de cursor nu opstaat is: <input id="kleur" type='text' maxlength='7' size='7'>
<? $keer = "3"; //per hoeveel # komt de kleur te staan? Aan te raden: 3, 5, 7, 15 // hieronde niks meer wijzigen // het uitvoer van controles voor de waarde van $keer, om problemen te voorkomen if(!isset($keer) OR $keer == "") exit("De variable '<i>keer</i>' bestaat niet of is leeg.<br>Deze is wel nodig, omdat deze aangeeft hoeveel kleuren er komen."); exit("De ingevulde waarde voor de variable '<i>keer</i>' is geen getal.<br>Voer dus een getal in (tussen de 0 en 16)."); if($keer > 16 OR $keer == 0) 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."); // hieronder het script dat de kleuren geeft $kleur = array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"); "; for($i=0;$i<16;$i=$i+$keer){ <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()';> </td><td></td> "; for($j=0;$j<16;$j=$j+$keer){ for($k=0;$k<16;$k=$k+$keer){ 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()';> </td> "; } } "; } ?> De HEX code van de kleur waar de cursor nu opstaat is: <input id="kleur" type='text' maxlength='7' size='7'>
Download code (.txt)
|
|
|
Stemmen |
Niet ingelogd. |
|