Ergebnis 1 bis 7 von 7

Thema: Farben Hex Code automatisch durchgehen

  1. #1
    Meister(in)
    Registriert seit
    07.08.2006
    Beiträge
    270
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Farben Hex Code automatisch durchgehen

    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.backgroundco lor=farbe;
    farbe++ ?????

    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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.
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Azubi(ne)
    Registriert seit
    22.06.2007
    Beiträge
    99
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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.

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

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

    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
    du müsstest praktisch deine zahl immer in 2er schritte aufteilen und
    dann jede farbe einzeln hochzählen (wär zumindest logisch)
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5

  6. #6
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard

    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
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  7. #7
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    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);
    }
    Something big is coming. And there will be pirates and ninjas and unicorns...

Ähnliche Themen

  1. Internetseite(zeigt einen xml-code) automatisch abspeichern
    Von chmulk im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 09.10.2007, 01:17
  2. Code-Generator? Teile aus Textfeld + feste Code-Bestandteile
    Von -TS-design im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 28.08.2007, 16:01
  3. Code automatisch einbauen.
    Von Outcast im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 14
    Letzter Beitrag: 08.08.2007, 02:43
  4. Farben
    Von Ladygirly im Forum Webanwendungen - Webapplikationen
    Antworten: 1
    Letzter Beitrag: 22.02.2007, 23:02
  5. 256 Farben
    Von tebox im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 03.09.2005, 02:03

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •