Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Вроде всё просто а работает только в FF 
:(
    Опции темы
R.M.
Дата 18.5.2006, 14:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: нет
Всего: 30



12345c, я доработаю, можешь хотябы объяснить почему в ИЕ вообще не открывается. 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Illuminaty
Дата 18.5.2006, 15:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


/*Антон Захаров*/
***


Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 4
Всего: 56



В IE твой div без содержимого не показывается. Поэтому событие и не отлавливается. Вставь в <div> пустое изображение, растяни его по размерам diva и будет тебе счастье smile 

Удачи!
  

Это сообщение отредактировал(а) Illuminaty - 18.5.2006, 15:10

Присоединённый файл ( Кол-во скачиваний: 3 )
Присоединённый файл  homeclear.zip 75,68 Kb
PM MAIL ICQ   Вверх
vasac
Дата 18.5.2006, 15:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1060
Регистрация: 4.5.2006

Репутация: 13
Всего: 36



Куксикус, у меня тоже в IE не работало. Я поставил "px" и заработало. 
PM WWW   Вверх
12345c
Дата 18.5.2006, 23:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Куксикус, опыт показал, что пустой плавающий  див в ИЕ реагирует только своим бордюром. Стоит поставить бордюр :1px, как он начинает кое-как работать. Если заполнить рисунком, работает на ура. Если фоном - тоже. Следствие: следует ставить прозрачный пиксель, растянуть на размеры области. Естественно, тогда его отключать при наведении (display:none) или повесить обработку onmouseout.

"px" нужны везде (кроме, если =0 ), если стоит доктайп. Нужны только у бордюров вообще.
"px" можно всегда не ставить у нулей.

Безглючный вариант.
Код
<html><head><meta http-equiv="imagetoolbar" content="no">
<style>#wind {position: absolute; left: 83; top: 105; display: none;}</style>
<script>
ww=0;
function showWindow(){document.getElementById("wind").style.display="block";}
function hideWindow(){ww=setTimeout('document.getElementById("wind").style.display = "none";',99);}
nohide=function(){clearTimeout(ww);}
</script>
</head><body>
<table align="center" border=3 width=600 cellpadding=0 cellspacing=0><tr><td valign=top>
    <div style="position: relative;z-index: 1;">
        <img src="./img/intro.jpg">
        <div id="wind"
            onmouseout="hideWindow()"
            onmouseover=nohide()
            ><img src="./img/light_divan.png" style=""></div>
        <div style="position: absolute; left: 83; top: 185; width: 451; height: 143; z-index: 2;border:0px solid red;"
            onmouseover=nohide();showWindow()
            onmouseout=hideWindow()
            ><img src="./img/intro1.jpg" width=451 height=143></div>
    </div>
</td></tr></table>
</body></html>

(Хотя, по юзабельности, то, что устроен эффект несовпадения активных областей, уже наводит впечатление глючности. Лучше так не делать.)

border можно убрать, он для отладки. 
PM WWW   Вверх
R.M.
Дата 19.5.2006, 09:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: нет
Всего: 30



Illuminaty, понятно спасибо.
vasac, ок

12345c, учту всё что ты сказал, там наверное ещё глючней будет т.к. там будет ещё один слой но подругому не сделать smile надо чтобы все объекты на картинке подсвечивались. Флэш некатит. Поэтому приходится делать так. Спасибо за код.

Добавлено @ 09:45 
ещё там должна быть предзагрузка (пока все картинки не загрузятся показывать gif с загрузкой) так что работать придётся долго и усердно smile 12345c, Illuminaty, ловите по +  


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
12345c
Дата 19.5.2006, 14:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Куксикус, полезный совет, как сделать меньше слоёв, а то координаты вычислять устанешь.
Есть тег <area>, на области которого можно вешать прерывания. Они полностью заменят прерывания от абсолютных дивов, и при этом не надо думать о непересечениях и z-уровнях. 

2-я мысль: Надо ведь полупрозрачные подсветки? Их удобнее делать PNG с альфа-каналом, а чтобы в ИЕ работали, в нём ставится фильтр прозрачности.

3-я. Если бы не Опера версий 8"-", то всё можно сделать совсем просто - все наложенные картинки с нулевой opacity, а при наведении (они невидимые, но наведение чувствуют) делаются с нужной прозрачностью.

Добавлено @ 14:23 
(AREA рисуется визуально в любом редакторе - FPage, DWeaver.) 
PM WWW   Вверх
R.M.
Дата 19.5.2006, 17:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: нет
Всего: 30



Цитата(12345c @  19.5.2006,  15:22 Найти цитируемый пост)
2-я мысль: Надо ведь полупрозрачные подсветки? Их удобнее делать PNG с альфа-каналом, а чтобы в ИЕ работали, в нём ставится фильтр прозрачности.

Ну да примерно. Надо не прозрачность только а подсветку как бы (осветление) я через PNG и сделал.

Цитата(12345c @  19.5.2006,  15:22 Найти цитируемый пост)
3-я. Если бы не Опера версий 8"-", то всё можно сделать совсем просто - все наложенные картинки с нулевой opacity, а при наведении (они невидимые, но наведение чувствуют) делаются с нужной прозрачностью.

Не это немного не то. Мне не прозрачность нужна а именно другая картинка.

Цитата(12345c @  19.5.2006,  15:22 Найти цитируемый пост)
Куксикус, полезный совет, как сделать меньше слоёв, а то координаты вычислять устанешь.
Есть тег <area>, на области которого можно вешать прерывания. Они полностью заменят прерывания от абсолютных дивов, и при этом не надо думать о непересечениях и z-уровнях. 

Спасибо, попробую через них а где понадобятся слои использую див. 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
12345c
Дата 19.5.2006, 17:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Цитата(Куксикус @  19.5.2006,  17:00 Найти цитируемый пост)
подсветку как бы (осветление) я через PNG и сделал
Yj фильтр для ИЕ не поставил, и там оно непрозрачно.

Цитата(Куксикус @  19.5.2006,  17:00 Найти цитируемый пост)
Не это немного не то. Мне не прозрачность нужна
Одно другому не мешает. Делая opacity=1, получаем совсем другую картинку.

В Area можешь круги и ломаные задавать.

Добавлено @ 17:10 
Yj = Но 
PM WWW   Вверх
R.M.
Дата 19.5.2006, 17:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: нет
Всего: 30



12345c, я вроде всё в архив сунул, может .htc забыл. А вообще можно ли без этого сделать в ИЕ прозрачность для PNG (это оффтоп небольшой smile )

Цитата(12345c @  19.5.2006,  18:10 Найти цитируемый пост)
Одно другому не мешает. Делая opacity=1, получаем совсем другую картинку.

Картинки уже дизайнер нарисовал поэтому надо именно картинку. 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
12345c
Дата 20.5.2006, 02:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



Без стилей или скрипта, устанавливающего стиль, нельзя.


Ну так в чём проблемы? Opacity=1. В том, что Опера тоже нужна? 
PM WWW   Вверх
R.M.
Дата 20.5.2006, 17:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: нет
Всего: 30



12345c, Конечо, нужны IE,Mozilla,FF,Opera  smile Понял я про ИЕ. Щас буду пихать туда gif 1x1. Вообщем чтонибудь постараюсь придумать. Если неполучится приду снова smile 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
R.M.
Дата 22.5.2006, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: нет
Всего: 30



12345c, Кстати твой код отлично работает везде. Пасиба ещё раз. Им я и воспользуюсь smile только както к нему предзагрузку прикрутить надо smile 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0539 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.