keyup(), change() events problem on IE8
am front of a problem on IE8. (not tested on IE9)

this is my little programm with some HTML + Jquery

a picture worth a thousand words you can take a view here click COLOR : http://twixtop.lescigales.org

or you can download a .zip version (example.zip)  

am use form Avatar Validation : 
"jqueryfordesigners.com/demo/ajax-validation.php"
for "Avatar image validation"
for load 5 different layer of transparent PNG24 images

actually when you select a "MODEL",  the defaults values show in text input form on the left-sidebar  "W.png, W.png, W.png, X.png X.png" 

        // Settings
       var settings = {
        "model":  "DIAM",
        "baseColor": "W",
        "sideColor": "W",
        "ambientColor": "W",
        "baseLight": "X",
        "centralColor": "X",
        "rendureference": "WXY3"
       };
       
       var options  = {
        "imageC": "images/[model]/C/[baseColor].png",
        "imageD": "images/[model]/D/[sideColor].png",
        "imageA": "images/[model]/A/[ambientColor].png",
        "imageB": "images/[model]/B/[baseLight].png",
        "imageP": "images/[model]/P/[centralColor].png",
        "renduZ": "WXY3-[model]-[ambientColor]-[baseLight]-[centralColor]-[baseColor][sideColor]-TG",
        "ValueModel": "[model]"
    
    
       }
       $('#customizer [type="radio"]').bind('click', function() {
       var el = $(this);
        settings[el.attr('name')] = el.attr('value');
        settingDigest();
       });
          
       
       
       // Show Var
       function settingDigest()
       {
        var imgC = options.imageC;
        var imgD = options.imageD;
        var imgA = options.imageA;
        var imgB = options.imageB;
        var imgP = options.imageP;
        var renZ = options.renduZ;
        var valueM = options.ValueModel;
        
        for(i in settings) {
         imgC = imgC.replace('['+i+']', settings[i]);
         imgD = imgD.replace('['+i+']', settings[i]);
         imgA = imgA.replace('['+i+']', settings[i]);
         imgB = imgB.replace('['+i+']', settings[i]);
         imgP = imgP.replace('['+i+']', settings[i]);
         renZ = renZ.replace('['+i+']', settings[i]);
         valueM = valueM.replace('['+i+']', settings[i]);
        }
        
    // left sidebar input text keyup
        $('#avatar_C').val(imgC).keyup();
       $('#avatar_D').val(imgD).keyup();
       $('#avatar_A').val(imgA).keyup();
       $('#avatar_B').val(imgB).keyup();
       $('#avatar_P').val(imgP).keyup();
       $('#avatar_Z').val(renZ).keyup();
       $('#avatar_JADE').val(valueM).keyup();
       
       }



The problem appears when you select a color repeatedly only on IE8 for example:

 1. select differents colors in the
    Base Panel (white, gray, red and one blue)
 2. back already selected a color (white or gray)
 3. IE8 does not charge properly image

I started to pull my hair.
f.....g internet explorer...


i have try differents things
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
emulate ie8 like an IE7...  // no result

Dean edwards IE7.js  // no result

i try to play with the keyup() function :


    $('#avatar_C').keyup(function () {
    [...] 


     /* this line */   }).change(function () {


    $(this).keyup(); // call the keyup function
    });

change() or blur() ... // no result



If someone got an idea... am lost



thanx
twix


keyup(), change() events problem on IE8
===

am front of a problem on IE8. (not tested on IE9)

this is my little programm with some HTML + Jquery

a picture worth a thousand words you can take a view here click COLOR : http://twixtop.lescigales.org

or you can download a .zip version (example.zip)  

am use form Avatar Validation : 
"jqueryfordesigners.com/demo/ajax-validation.php"
for "Avatar image validation"
for load 5 different layer of transparent PNG24 images

actually when you select a "MODEL",  the defaults values show in text input form on the left-sidebar  "W.png, W.png, W.png, X.png X.png" 

        // Settings
       var settings = {
        "model":  "DIAM",
        "baseColor": "W",
        "sideColor": "W",
        "ambientColor": "W",
        "baseLight": "X",
        "centralColor": "X",
        "rendureference": "WXY3"
       };
       
       var options  = {
        "imageC": "images/[model]/C/[baseColor].png",
        "imageD": "images/[model]/D/[sideColor].png",
        "imageA": "images/[model]/A/[ambientColor].png",
        "imageB": "images/[model]/B/[baseLight].png",
        "imageP": "images/[model]/P/[centralColor].png",
        "renduZ": "WXY3-[model]-[ambientColor]-[baseLight]-[centralColor]-[baseColor][sideColor]-TG",
        "ValueModel": "[model]"
    
    
       }
       $('#customizer [type="radio"]').bind('click', function() {
       var el = $(this);
        settings[el.attr('name')] = el.attr('value');
        settingDigest();
       });
          
       
       
       // Show Var
       function settingDigest()
       {
        var imgC = options.imageC;
        var imgD = options.imageD;
        var imgA = options.imageA;
        var imgB = options.imageB;
        var imgP = options.imageP;
        var renZ = options.renduZ;
        var valueM = options.ValueModel;
        
        for(i in settings) {
         imgC = imgC.replace('['+i+']', settings[i]);
         imgD = imgD.replace('['+i+']', settings[i]);
         imgA = imgA.replace('['+i+']', settings[i]);
         imgB = imgB.replace('['+i+']', settings[i]);
         imgP = imgP.replace('['+i+']', settings[i]);
         renZ = renZ.replace('['+i+']', settings[i]);
         valueM = valueM.replace('['+i+']', settings[i]);
        }
        
    // left sidebar input text keyup
        $('#avatar_C').val(imgC).keyup();
       $('#avatar_D').val(imgD).keyup();
       $('#avatar_A').val(imgA).keyup();
       $('#avatar_B').val(imgB).keyup();
       $('#avatar_P').val(imgP).keyup();
       $('#avatar_Z').val(renZ).keyup();
       $('#avatar_JADE').val(valueM).keyup();
       
       }



The problem appears when you select a color repeatedly only on IE8 for example:

 1. select differents colors in the
    Base Panel (white, gray, red and one blue)
 2. back already selected a color (white or gray)
 3. IE8 does not charge properly image

I started to pull my hair.
f.....g internet explorer...


i have try differents things
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
emulate ie8 like an IE7...  // no result

Dean edwards IE7.js  // no result

i try to play with the keyup() function :


    $('#avatar_C').keyup(function () {
    [...] 


     /* this line */   }).change(function () {


    $(this).keyup(); // call the keyup function
    });

change() or blur() ... // no result



If someone got an idea... am lost



thanx
twix

