jobo: OO bgColorChanger - next try: alles in einem Objekt - kl. opt.

Beitrag lesen

Hallo,

  
var BgChanger = {  
    createColorCycler : function (elem, rgbVals, rgbRanges) {  
        function createNextColorFunc(v, r) {  
            var value = v,  
                max = v,  
                range = r,  
                dir = 1;  
            return function () {  
                if (value <= max - range || value >= max) {  
                    dir *= -1;  
                }  
                value += dir;  
                return value;  
            };  
        }  
        var nextRed = createNextColorFunc(rgbVals[0], rgbRanges[0]),  
            nextGreen = createNextColorFunc(rgbVals[1], rgbRanges[1]),  
            nextBlue = createNextColorFunc(rgbVals[2], rgbRanges[2]);  
        return function () {  
            elem.style.backgroundColor = "RGB(" + nextRed() + "," + nextGreen() + "," + nextBlue() + ")";  
        };  
    },  
    start : function (elemId, rgbVals, rgbRanges, interval) {  
        var elem = document.getElementById(elemId);  
        window.setInterval(this.createColorCycler(elem, rgbVals, rgbRanges), interval);  
    }  
};  
window.onload = function () {  
    BgChanger.start("bgchange", [255, 168, 136], [55, 10, 16], 120);  
};  

BgChanger.start(parameterlist) ist der API-Aufruf?

auf createColorCycler kann jetzt immer noch zugegriffen werden, wobei das ja nicht so "schimm" ist, oder? Ansonsten wäre er in die start-Funktion zu verfrachten ...;

Gruß

jobo

0 59

OO Backgroundcolorchanger - optimieren /Kontext von this

jobo
  • javascript
  1. 0
    unknown
    1. 0

      OO - optimieren /Kontext von this - was macht der Browser da?

      jobo
      1. 0
        unknown
        1. 0
          jobo
          1. 0
            unknown
            1. 0
              jobo
              1. 0
                unknown
                1. 0
                  jobo
                  1. 0
                    unknown
  2. 0
    ChrisB
    1. 0
      jobo
      1. 0
        ChrisB
        1. 0
          jobo
          1. 0
            molily
            1. 0
              jobo
      2. 0
        molily
        1. 0
          jobo
          1. 0
            molily
            1. 0

              OO bgColorChanger - next try: alles in einem Objekt

              jobo
              1. 0

                OO bgColorChanger - next try: alles in einem Objekt - kl. opt.

                jobo
                1. 0
                  unknown
                  1. 0
                    jobo
                    1. 0
                      jobo
                      1. 0

                        colorChanger - rein funktional - Feinschliff

                        jobo
                        1. 0
                          jobo
                          1. 0

                            colorChanger - Feinschliff en Detail, macht das Sinn?

                            jobo
                            1. 0
                              molily
                              1. 0
                                jobo
                                1. 0
                                  molily
                          2. 0
                            molily
                            1. 0
                              jobo
                              1. 0
                                unknown
                                1. 0
                                  jobo
                                  1. 0
                                    unknown
                                2. 0
                                  molily
                                  1. 0
                                    unknown
                  2. 2
                    molily
                    1. 0
                      unknown
                      1. 0
                        molily
                        1. 0
                          molily
                          1. 0
                            unknown
                            1. 0
                              jobo
                            2. 0
                              jobo
                            3. 0

                              OO bgColorChanger - mit Closure (verschachtelte Objekte)

                              jobo
                            4. 0
                              molily
                              1. 0

                                OO bgColorChanger - elegant oder zumindest vernünftig!

                                jobo
                    2. 0
                      jobo
                    3. 0

                      bgColorChanger - OO vs. funktional

                      jobo
                      1. 1
                        molily
                        1. 0
                          jobo
  3. 0

    OO - Zugriff auf Objektmethode mittels Namen als Stringparameter

    jobo
    1. 0
      unknown
      1. 0
        jobo
        1. 0
          ChrisB
          1. 0
            jobo
        2. 0
          unknown
    2. 0
      molily
      1. 0
        jobo