изучаю prototype

[xorbit]

помогите с prototype хочу сделать всплывающую информацию при наведении на картинку то что получилось можна посмотреть здесь Для просмотра ссылки Войди или Зарегистрируйся
но есть проблема при наведении на саму полоску она пытается вернутся назад как это исправить
спасибо

 

[myweb]

вот ето

 $("view").observe('mouseover', function(){ $("info").morph('bottom:0px', {duration:.2}); });

помоему и прячит полоску.

 

[xorbit]

ну да так и задумано при наведении появляется при выходе из картинки скрывается

изменил на

$("view").observe('mouseenter', function(){ $("info").morph('bottom:0px', {duration:.2}); });
$("view").observe('mouseleave', function(){ $("info").morph('bottom:-30px', {duration:.3}); });

заработало как нужно но только в IE, opera & firefox выпали как это исправить?

 

[xorbit]

все нашел сам тему можно закрыть

пришлось пропатчить сам файл prototype.js - 1.6.0.2
Для просмотра ссылки Войди или Зарегистрируйся




function getDOMEventName(eventName) {
if (eventName && eventName.match(/:/)) return "dataavailable";
+ if(!Prototype.Browser.IE) eventName = {mouseenter: "mouseover", mouseleave: "mouseout"}[eventName] || eventName;
return eventName;
}

@@ -159,6 +160,15 @@
handler.call(element, event)
};

+ if (!(Prototype.Browser.IE) && ['mouseenter', 'mouseleave'].include(eventName)){
+ wrapper = wrapper.wrap( function(proceed, event) {
+ var rel = event.relatedTarget, cur = event.currentTarget;
+ if (rel && rel.nodeType == Node.TEXT_NODE) rel = rel.parentNode;
+ if (rel && rel != cur && !rel.descendantOf(cur))
+ return proceed(event);
+ });
+ }
+
wrapper.handler = handler;
c.push(wrapper);
return wrapper;

 

[pozitiv]

Тоже начал изучать prototype, можете подсказать полезные ресурсы по библиотеке, желательно с примерами и исходниками...

ajaxrain непредлагать=)

 

[xorbit]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.