attach/detach problem.

[Toxical]

Alright, I've got a problem.
I'm attaching the function hover() to the whole document, which should fire onpropertychange.
Well, but the <option> tag should not be affected by this eventhandler.
Code:

window.onload=Init;

function Init(){
    if(document.activeElement){
        document.attachEvent("onpropertychange",hover);
        option = document.getElementsByTagName("option");
        for(j = 0; j < option.length; j++){
          document.getElementsByTagName("option")[j].detachEvent("onpropertychange",hover);
        }
    }
} 

doesn't work unfortunately...

May there exist an other possibility to reach the result I'm aiming for?

Thx a lot, and sorry for my bad English

[Toxical]

Nobody has got an idea??

[Flawless_koder]

1) How do you know when that function is being run, or if at all... use an alert('running') to check it's being run.

2) put alert('logic') inside the if() clause to check it's getting a reference handle for document.activeElement

3) I can't see the function hover - i take it you simply didn't include it.


Flawless

[Andrew-J2000]

i dont understand what your trying to do, so do you have a page i can look at to get a better picture of what your attempting.

[Toxical]

Thx for your answers.
I've got the hover() function includet but it's quite long so i didn't want to post it here, but if you think I should.. no problem

// JavaScript Document
var aktElement=null;
id2value = new Array(3);
id2value["empfaenger"] = "";
id2value["absender"] = "Dein Name"; 
id2value["email"] = "Deine eMail Adresse";   
id2value["message"] = "Deine Nachricht";            
window.onload=Init;

function Init(){
    if(document.activeElement){
        document.attachEvent("onpropertychange",hover);
        option = document.getElementsByTagName("option");
        for(j = 0; j < option.length; j++){
          document.getElementsByTagName("option")[j].detachEvent("onpropertychange",hover);
        }
    }
}

function hover(){
    if(event.propertyName=="activeElement"){
          aktElementTagName=document.activeElement.tagName.toLowerCase();
          aktElementAttr=document.activeElement.getAttribute("type");
          if(aktElement!=null && aktElementId!=null){
              aktElement.style.color="#000000"; // Hover zuruecksetzen
              aktElement.style.backgroundColor="#ffffff"; // Hover zuruecksetzen
              if(aktElement.tagName.toLowerCase()=="select"){
                for(i = 0; i<aktElement.options.length; i++){
                  aktElement.options[i].style.color="#000000"; // Hover zuruecksetzen
                  aktElement.options[i].style.backgroundColor="#ffffff"; // Hover zuruecksetzen
                }
              }
              //(aktElement.value == '')?aktElement.value=id2value[aktElementId]:0 // Bei leer auf Standart Wert setzen
              if(aktElement.value == '' || aktElement.value == id2value[aktElementId]){
                eval('document.images.img_' + aktElementId + '.src = "kreuz_s.gif";');
                aktElement.value=id2value[aktElementId];
                }
              else{
                eval('document.images.img_' + aktElementId + '.src = "haken_s.gif";');
              }
          }
          if((aktElementTagName=="input" && aktElementAttr=="text") || aktElementTagName=="textarea" || aktElementTagName=="select"){
              aktElementId=document.activeElement.id.toLowerCase();
              aktElement=document.activeElement;
              aktElement.style.color="#000000"; // Textfarbe fuer Hover
              aktElement.style.backgroundColor="#EFE4EF"; // Textfeldfarbe fuer Hover
              if(aktElementTagName=="select"){
                for(i = 0; i<aktElement.options.length; i++){
                aktElement.options[i].style.color="#000000";  // Textfarbe fuer Hover
                aktElement.options[i].style.backgroundColor="#EFE4EF"; // Textfeldfarbe fuer Hover
                }              
              }
              (aktElement.value == id2value[aktElementId])?aktElement.value='':0 // Bei Standart Wert auf leer setzen
          }
          else{
              aktElement=null;
              aktElementId=null;
          }
      }
} 

Is supposed to mark the selected form element

Here's the link.

All elements work except for the select box, and I think that's because, as soon as the first option's bgcolor gets changed, the hover() function fires again.... therefore i wanted the option tag not to react on the eventhandler onpropertychange, don't know for sure if that's the right problem I'm trying to solve...

But I'm sure you'll help me out

Thx
Tox

[MarcusJT]

Why not change the 5th line of your hover function from this

if(aktElement!=null && aktElementId!=null){

to this

if(aktElement!=null && aktElementId!=null && aktElementTagName!="option"){

???