Bestimmten <input>-Feldern je nach Event CSS-Stile zuweisen

[David Klein]

Ich habe eure Hinweise gelesen und fand sie sehr aufschlussreich. Besten Dank soweit. Nun habe ich etwas herumgestrickt (das trifft's in der Tat) und leider meldet der IE 6 unter Windows einen "Typkonflikt": Zwar setzt er die Hintergrundfarbe des ersten <input>-Felds auf weiß, ohne sie bei onBlur allerdings wieder zurückzusetzen. Alle anderen Felder bleiben wie sie sind... Mozilla 1.6 macht rein gar nichts...

Grüße,

David Klein

  
  
function changeBgColor()  
{  
  
  // ...einige Variablen zur Browserabfrage...  
  
  for (var i = 0; i < document.forms[0].elements.length; i++)  
  {  
    var element = document.forms[0].elements[i];  
  
    function setBgColor(color)  
    {  
      element.style.backgroundColor = color;  
    }  
  
    if (((element.type == "textarea") || (element.type == "text") || (element.type == "password")) && (element.disabled == false))  
    {  
      if (is_ie5up)  // Internet Explorer  
      {  
        element.attachEvent("onfocus", setBgColor("#FFFFFF"));  
        element.attachEvent("onblur", setBgColor("#D6FFF7"));  
      }  
      // element.onfocus = setBgColor("#FFFFFF");  
      // element.onblur  = setBgColor("#D6FFF7");  
      else if (is_nav6up)  // Mozilla und Netscape  
      {  
        element.addEventListener("focus", setBgColor("#FFFFFF"), false);  
        element.addEventListener("blur", setBgColor("#D6FFF7"), false);  
      }  
    }  
  }  
}  
  

--

[e-mail]