Weblabor

Üdv mindenkinek,

szeretnék form elemeknek hover, focus emulációt csinálni Explorer alá (FF,Opera alatt működik).

Ennek megvalósításához eventHandlereket használok, mint a Weblaboron, de sajna a Focus-os problémát nem tudom leküzdeni, pontosabban ha már megkapta a focus-t a form(elem pl: radiobutton), akkor le szeretném róla szedni az mouseover('hover_' class-ra állítja vissza az objektumot) és a mouseout('default' class-ra állítja vissza az objektumot) eseménykezelőket.

Bár azt írja a Quirksmode.org, hogy a focus-ra az IE nem adja vissza a megfelelő objektumot, de nekem sikerült a className(ezzel az objektum class-át lehet átállítani) propertyját átállítani!!

egy kis minta a js fájlból, egy egyszerű formkezelőt képzeljetek el, radiobuttonokkal(5db):

var msie = ((navigator.appVersion.indexOf("MSIE")!= -1)&&!window.opera)? true : false;
//addEvent(window, 'load', disableItems);
addEvent(window, 'load', classPopupHandler);

function classPopupHandler() {

if (msie) {
for (i=0; i<=4; i++) {
addEvent(document.form1['QA1'][i], 'mouseover', changeOver);
addEvent(document.form1['QA1'][i], 'mouseout', changeOut);
addEvent(document.form1['QA1'][i], 'focus', changeFocus);
}
}
}

function changeOver(evt) {
evt || (evt = window.event);
if( evt.srcElement ) tg = evt.srcElement;
else if( evt.target ) tg = evt.target;

tg.className = 'Hover_';

FocusedItem = tg.Name;
}

function changeOut(evt) {
evt || (evt = window.event);
if( evt.srcElement ) tg = evt.srcElement;
else if( evt.target ) tg = evt.target;

tg.className = 'Default_';
}

function changeFocus(evt) {

for (i=0; i<=4; i++) {
addEvent(document.form1['QA1'][i], 'mouseover', changeOver);
addEvent(document.form1['QA1'][i], 'mouseout', changeOut);
}

evt || (evt = window.event);
if( evt.srcElement ) tg = evt.srcElement;
else if( evt.target ) tg = evt.target;

handled_();