привожу пример сразу на сайте, чтобы не создавать отдельной странички, если будет непонятно, скажите, сделаю только менюшку отдельно.
вот http://alx.vingrad.ru/fwc/ru/smartselect#doc-intro и http://alx.vingrad.ru/fwc/ru/smartselect#examples выпадающие списки smartselect.
почему-то как-то глючит раскрытие списка. как будто неправильно работает свойство clip, часть выпадающего слоя мелькает над тем местом, где она должна быть невидима.. только в Firefox, в IE и Opera всё ок.
приведу код с комментариями:
| Код |
// функция API
FWC_sSelect.prototype.showOptions = function(noanim)
{ this.optionsDiv.style.visibility = 'visible'; // сперва делаем слой видимым, может в этом проблема?
var maxh = this.maxheight || 100; // задаём высоту div`а
this.optionsDiv.style.height = 'auto';
this.optionsDiv.style.height = ((this.optionsDiv.offsetHeight > maxh) && (maxh != 0)) ? maxh : 'auto';
var _height = this.optionsDiv.offsetHeight;
if(this.showspeed !== 0 && !noanim) // условия анимированного открытия
{ var t = this;
if(FWC.hides[this.id]) // проверка не идет ли в этот момент _скрытие_ этого слоя
{ clearInterval(FWC.hides[this.id]); // и отменяет его
FWC.hides[this.id] = false;
}
else // иначе задает свойства clip и top как для скрытого, невидимого списка
{ this.optionsDiv.style.clip = "rect("+_height+"px "+this.optionsDiv.offsetWidth+"px "+_height+"px 0px)";
this.optionsDiv.style.top = this.top - _height + 'px';
}
// и создает таймаут функции FWC.show, передавая ей ссылку на слой, шаг сдвига и необходимое конечное значение (оно всегда задано в свойстве top объекта)
FWC.shows[this.id] = setInterval(function() {FWC.show(t.optionsDiv,15,t.top)},this.showspeed);
}
}
////////............////////////
show : function(obj,step,max)
{ if(obj.offsetTop < max) // если позиция слоя меньше максимальной
{ step = (step+obj.offsetTop <= max ? step : max-obj.offsetTop); // сокращаем шаг сдвига, если мы близки к максимуму
obj.style.top = obj.offsetTop + step + 'px'; // сдвиг
// следующие 3 строки меняют свойство clip. правильно ли я это делаю?
var clip = obj.style.clip.split(" ");
clip[0] = "rect("+(parseInt(clip[0].substring(5,clip[0].length-2))-step)+"px";
obj.style.clip = clip.join(" ");
}
else // если достигли максимума - удаляем таймаут
{ clearInterval(FWC.shows[obj.id.replace("_options","")]);
FWC.shows[obj.id.replace("_options","")] = false;
}
}
|
аналогичная ситуация и со скрытием (оно включено только у последнего списка на второй ссылке)..
не понимаю, что делаю не так..
надеюсь на помощь, спасибо! |
)