Implémenté en Javascript, cliquez sur la couleur correspondante avec la souris pour changer dynamiquement la couleur de fond de la page web
Ceci est une capture d'écran
Le code source Javascript correspondant est :
Copiez le code comme suit :
var hex = nouveau tableau (6)
hexadécimal[0] = "FF"
hexadécimal[1] = "CC"
hexadécimal[2] = "99"
hexadécimal[3] = "66"
hexadécimal[4] = "33"
hexadécimal[5] = "00"
affichage de la fonction (triplet) {
document.bgColor = '#' + triplet
}
function drawCell (rouge, vert, bleu) {
document.write('<TD BGCOLOR="#' + rouge + vert + bleu + '">')
document.write('<A HREF="javascript:display(/'' + (rouge + vert + bleu) + '/')">')
document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')
document.write('</A>')
document.write('</TD>')
}
fonction drawRow (rouge, bleu) {
document.write('<TR>')
pour (var je = 0; je < 6; ++i) {
drawCell (rouge, hex[i], bleu)
}
document.write('</TR>')
}
fonction drawTable (bleu) {
document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')
pour (var je = 0; je < 6; ++i) {
drawRow(hex[i], bleu)
}
document.write('</TABLE>')
}
fonction drawCube() {
document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')
pour (var je = 0; je < 6; ++i) {
document.write('<TD BGCOLOR="#FFFFFF">')
drawTable(hexadécimal[i])
document.write('</TD>')
}
document.write('</TR></TABLE>')
}
dessinerCube()