Farben Hex Code automatisch durchgehen

00eraser00

Hi,

kann man per javascript automatisch durch einen farbbereich laufen?
also von #bbbbbb zu #ffffff?
sowas wie

while (i<1000) {
farbe = #bbbbbb;
document.getElementById('feld').style.backgroundcolor=farbe;
farbe++ ?????

}

driver

wäre mir keine function bekannt die buchstaben hochzählen kann.

alternativ könntest aber ne normale schleife machen, dort n normalen
zahlenwert hochzählen und diesen dann immer umwandeln.

Darkanos

ich würd es auch so wie driver machen

von dem zahlen hochzählen, ist es ja recht simpel
glaubs das war 255 für fff oder so

und wenn du die drei stellen vorne und hinten immer gleich hast, kriegst du soweit ich dass noch weiss nur grau-stufen raus.

driver

ff sind 255... 3x ff sind 3x 255 (r - g - b)

Zitat

Jede Stelle der Zahl hat den Wert der entsprechenden Potenz von 16;
die rechte Ziffer entspricht 16º=1, die zweite von rechts 16¹=16 usw.
Nimm jede Ziffer bzw. ihren Zahlenwert (A=10, B=11, ... )
mal mit der entsprechenden Potenz und summiere.
Gehe am besten von rechts nach links vor:

F: 15 · 1 = 15
F: 15 · 16 = 240
————
255

Alles anzeigen

du müsstest praktisch deine zahl immer in 2er schritte aufteilen und
dann jede farbe einzeln hochzählen (wär zumindest logisch)

Bandit

http://de.selfhtml.org/helferlein/dezhex.htm

synaptic

alternativ kann man auch ganz einfach nen rgb-wert im style angeben.. da muss dann nix umgerechnet werden und die schleife zählt wie bereits erörtet zahlen

alternativ kannste auch den umweg über nen fettes array gehen

Dodo

ich hab mal so ein Script geschrieben
Wollte dynamisch ein paar Tipps in einer Box erscheinen lassen und hab mir einen Fade-Effekt gebastelt.
Es ist zwar nicht ganz genau dein Problem, aber ich denke es wird helfen, wenn du den Aufbau brauchst

ACHTUNG!!!!!!
Bei Firefox und Safari muss man tipptextToWhiteRGB(0); starten, beim rest tipptextToWhite();

Code

function changeTipp(RGB)
{
	do
         	newTipp = Math.round(Math.random() * (sudokuTipps.length - 1));
         while(sudokuTipps[newTipp]==document.getElementById('tipps').firstChild.nodeValue);
         document.getElementById('tipps').firstChild.nodeValue = sudokuTipps[newTipp]
         if(RGB)
                 window.setTimeout('tipptextToBlackRGB(255);',66);
         else
                 window.setTimeout('tipptextToBlack();',66);
}


function tipptextToBlack()
{
	var color = document.getElementById('tipps').style.color;
         if(color=='#ffffff')
                 var newColor = '#eeeeee';
         else if(color=='#eeeeee')
                 var newColor = '#dddddd';
         else if(color=='#dddddd')
                 var newColor = '#cccccc';
         else if(color=='#cccccc')
                 var newColor = '#bbbbbb';
         else if(color=='#bbbbbb')
                 var newColor = '#aaaaaa';
         else if(color=='#aaaaaa')
                 var newColor = '#999999';
         else if(color=='#999999')
                 var newColor = '#888888';
         else if(color=='#888888')
                 var newColor = '#777777';
         else if(color=='#777777')
                 var newColor = '#666666';
         else if(color=='#666666')
                 var newColor = '#555555';
         else if(color=='#555555')
                 var newColor = '#444444';
         else if(color=='#444444')
                 var newColor = '#333333';
         else if(color=='#333333')
                 var newColor = '#222222';
         else if(color=='#222222')
                 var newColor = '#111111';
         else if(color=='#111111')
                 var newColor = '#000000';
         else
         {       window.setTimeout('tipptextToWhite();',5000);
                 return true;
         }
         document.getElementById('tipps').style.color = newColor;
         window.setTimeout('tipptextToBlack();',100);
}function tipptextToWhite()
{
	var color = document.getElementById('tipps').style.color;
         if(color=='#000000')
                 var newColor = '#111111';
         else if(color=='#111111')
                 var newColor = '#222222';
         else if(color=='#222222')
                 var newColor = '#333333';
         else if(color=='#333333')
                 var newColor = '#444444';
         else if(color=='#444444')
                 var newColor = '#555555';
         else if(color=='#555555')
                 var newColor = '#666666';
         else if(color=='#666666')
                 var newColor = '#777777';
         else if(color=='#777777')
                 var newColor = '#888888';
         else if(color=='#888888')
                 var newColor = '#999999';
         else if(color=='#999999')
                 var newColor = '#aaaaaa';
         else if(color=='#aaaaaa')
                 var newColor = '#bbbbbb';
         else if(color=='#bbbbbb')
                 var newColor = '#cccccc';
         else if(color=='#cccccc')
                 var newColor = '#dddddd';
         else if(color=='#dddddd')
                 var newColor = '#eeeeee';
         else if(color=='#eeeeee')
                 var newColor = '#ffffff';
         else
         {       changeTipp(false);
                 return true;
         }
         document.getElementById('tipps').style.color = newColor;
         window.setTimeout('tipptextToWhite();',100);
}


function tipptextToWhiteRGB(color)
{
	if(color==255)
         {
         	changeTipp(true);
                 return true;
         }
         color += 17;
         document.getElementById('tipps').style.color = 'rgb(' + color + ', ' + color + ', ' + color + ')';
         window.setTimeout('tipptextToWhiteRGB(' + color + ');',100);
}


function tipptextToBlackRGB(color)
{
	if(color==0)
         {
         	window.setTimeout('tipptextToWhiteRGB(' + color + ');',5000);
                 return true;
         }
         color -= 17;
         document.getElementById('tipps').style.color = 'rgb(' + color + ', ' + color + ', ' + color + ')';
         window.setTimeout('tipptextToBlackRGB(' + color + ');',100);
}

Alles anzeigen

Farben Hex Code automatisch durchgehen

Tags

Benutzer online in diesem Thema