HTML+CSS+JavaScript

Здравствуйте.
Вот такой незатейливый скриптец:

<div  style=" margin:2px; padding:3px; border:1px solid; float:left;height:200px;width:110px" id="div1" onmouseover="document.getElementById('div2').style.display='block'; this.style.display='none'" > <img src="1.gif" style="border:1px solid;" /><br /> Заяц.<br /> текст текст  </div> <div style="margin:2px; padding:3px; border:1px solid;float:left;display:none;height:200px; width:110px" id="div2" onmouseout="document.getElementById('div1').style.display='block'; this.style.display='none'" > <img src="2.gif" style="border:1px solid;z-index:100" /> Кот.<br /> другой текст </div>

Вот тут в действии. И всё бы ничего, но если мышко навести на бордюрчик картинки(я специально поставил), то происходит неладное(((.
Кто нибудь знает, как с этим бороться?

В MSIE эта проблема решается относительно легко - на оба обработчика надо добавить условие:

onmouseover="if (event.fromElement.parentNode != this && event.toElement.parentNode != this) {document.getElementById ('div2').style.display = 'block'; this.style.display = 'none'}" и onmouseout="if (event.fromElement.parentNode != this && event.toElement.parentNode != this) {document.getElementById ('div1').style.display = 'block'; this.style.display = 'none'}"

Хотя и там будет глючить при быстром "выходе" курсора с картинки (и при быстром "заходе" на неё)
через левый или верхний её границы - зазор маловат, условие не успеет отработать.

Что же до иных браузеров, то при ТАКОМ построении - когда вы ПОД МЫШКОЙ меняете не
одно-два свойства одного элемента (как в обычных ролловерах), а ЦЕЛЫЙ УЗЕЛ - то я лёгкого
решения не вижу.

Что вам мешает создать всего один див, которому по входе/выходе мыши менять
фон и innerHTML?
Например, так:

<div style="margin             : 2px;             padding            : 119px 3px 3px 3px;             border             : 1px solid black;             height             : 200px;             width              : 110px;             background-image   : url(1.gif);             background-repeat  : no-repeat;             background-position: 3px 3px"      onmouseover="with (this) {style.backgroundImage = 'url(2.gif)'; innerHTML = 'Кот.<br />другой текст'}"      onmouseout= "with (this) {style.backgroundImage = 'url(1.gif)'; innerHTML = 'Заяц.<br />текст текст'}" >Заяц<br />текст текст</div>

PS. Если обязательно нужны границы у картинок, то нарисуйте их на самих картинках в Paint'e :-)

Что вам мешает создать всего один див, которому по входе/выходе мыши менять
Мешает отсутствие присущих птице говоруну ума и сообразительности)))
Беда в том, что в тексте есть ссылки. Ссылкой должна бы по хорошему быть и появляющаяся картинка, но уж не до жиру. А когда по такой схеме мышко попадает на ссылку, покидает див. (((
PS бордюрчики у картинок мне не нужны, это я для наглядности поставил.

>Беда в том, что в тексте есть ссылки.

Это действительно БЕДА.
Заходит человек на сайт, видит в блоке картинку с очаровательной дамочкой в неглиже и ссылку с
призывной надписью "Кликни, если хочешь меня". Лезет туда человек мышкой кликнуть и... вдруг...
картинка исчезает, появляется фото Бабы-Яги и ссылка заменяется на "Проголосуй за меня на
конкурс красоты" :-((

В общем, вас не возьмут в космона... работать в Центризбирком - вы там точно Жириновского
президентом сделаете :-)

Не, всё в точности до наоборот. Ссылка как раз должна появиться под дамочкой в ниглеже, и ведь появляется по Вашей схеме. Но вот кликнуть по ней - фигу. Потому что как только появится такое желание, всё пропадает. Все, непосильным трудом нажитые ссылки. (((
Не возьмут, точно(((. Жириновский точно будет против,

> PS бордюрчики у картинок мне не нужны, это я для наглядности поставил.

А в чем тогда проблема?

Так если их нет, все равно эфект тот же.

>И всё бы ничего, но если мышко навести на бордюрчик картинки

Это же не мое.) Что вам мешает на картинки события поставить....

Вы действительно не понимаете?

Я вижу ЗАЙЦА и хочу кликнуть по ссылке, которая про ЗАЙЦА.
Подвожу мышь к этой ссылке, и тут заяц меняется на КОТА.
И ссылка - тоже.

Это, извините - или просто идиотизм с вашей стороны, или же - плохо сделанный обман.
В любом случае - посетитель на вашу страницу более никогда не вернётся.

Ну вот, опять поспешные выводы. Ну с чего Вы взяли, что я кого то собираюсь обманывать? Нет и в мыслях у меня такого. Вот тут можете посмотреть, для чего это нужно. Сайт еще в разработке, по этому немного кривоват, но котов и зайцев там видно)))

Куча элементов, глюки....
Еще одно болото виртуальных знакомств? :)

Еще одно болото виртуальных знакомств? :)
Ну примерно так.))) Хозяин - барин.
Глюков там полно, я предупреждал, что он сырой совсем, но с остальным то я справлюсь, а вот этот сильно раздражает. Потому что сделать с ним ничего не могу. А переделать не позволяет природное упрямство, или я его, или он меня. В гроб))))

Придумайте иное, сократив число элементов, меньше проблем будет :)

А что там можно сократить? Вроде и так по спартански...

Да я не об этом, просто все можно сделать иначе - и проще, и понятней )
Я не любитель бродить по таким "болотам", но вот на одном был, после того, как увидел на маечке одной "ищущей" ну ооочень по контексту сайта надпись....)
Все такие сайты по одному шаблону практически, а вы свой лисапет хотите.... Зачем усложнять?

Да не я хочу, заказчик. А на счет по одному шаблону - совсем нет... Я тоже никогда не посещал раньше подобного, но теперь по долгу службы пришлось. И там кто во что горазд. А картинки эти в основном делают всплывающими, что глючит на самом деле еще больше. Да и суетно как то. Ну что это вот, разве нормально? Такое сделать не проблема,просто я как раз и хотел по проще...(((

Урааааа!!!!!!

Все равно ужас )

Все равно ужас )
А вот с этого места можно чуть подробнее?

Да чего подробно, ну просто лишнее и непонятное.... Ну это мое мнение )

А, вон что. Я думал скрипт - ужос))). А сайт этот понятен посвещенным. Вот тут, на форуме тоже ничего не понятно девочкам, которые мальчиков в болотах ищут))) Каждому своё. Да и не я диктую правила.