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

Поиск:

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


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


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

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



Даже не представляю в чём может быть проблема. Не работает простейший код. Точнее работает только в   FF и Мозилле. В ИЕ и опере неработает.

Вот код js
Код

function showWindow() {
  document.getElementById('wind').style.display='block';
}

function hideWindow()
{
    document.getElementById('wind').style.display = 'none';
    return false;
}


Вот html
Код

<table align=center border width=600 cellpadding=0 cellspacing=0 height=100%>
<tr>
<td valign=top>
<div style='position: relative;'>
<img src=./img/intro.jpg>
<div style='position: absolute; left: 83; top: 185; width: 451; height: 143;' onmouseover="showWindow()"></div>

<div id=wind onmouseout="hideWindow()"><img src=./img/light_divan.png></div>
</div>
</td>
</tr>
</table>


#wind {position: absolute; left: 83; top: 105; display: none;}

Подскажите пожалуйста как поправить это? 


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

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


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


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

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



Куксикус, для начала, все атрибуты заключи в кавычки.
Пропиши z-index для absolute-элементов.

Удачи! 
PM MAIL ICQ   Вверх
R.M.
Дата 13.5.2006, 21:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Я писал это на скорую руку, попробую конечно но думаю смысл не в этом. Но всёравно спасибо 


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

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


бездельник
***


Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39



куксикус не знаю в чем баг а у меня в осле работает, ну там картинка исчезает если что
Код

<html>
<head>
<script>
function showWindow() {
  document.getElementById('wind').style.display='block';
}
function hideWindow()
{
    document.getElementById('wind').style.display = 'none';
    return false;
}
</script>
</head>
<body>
<table align=center border width=600 cellpadding=0 cellspacing=0 height=100%>
<tr>
<td valign=top>
<div style='position: relative;'>
<img src=./img/intro.jpg>
<div style='position: absolute; left: 83; top: 185; width: 451; height: 143;' onmouseover="showWindow()"></div>
<div id=wind onmouseout="hideWindow()"><img src=./img/light_divan.png></div>
</div>
</td>
</tr>
</table>
</body>
</html>

  

Это сообщение отредактировал(а) dstorm81 - 13.5.2006, 23:23


--------------------
на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

PM   Вверх
R.M.
Дата 13.5.2006, 23:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Да не, смысл то не в этом. Смысл в том что при наведении на картинку появляется див с картинкой, при убирании мышки с этого дива он должен убраться. В FF так и есть в ИЕ чтото непонятное твориться 


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

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


Круглый
****


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

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



Если картинка мелкая, IE любит глючить в таких случаях. Закрывать надо не только по ..out но и по ..over и ..move над другими элементами. Как - продумать придётся. 
PM WWW   Вверх
R.M.
Дата 15.5.2006, 09:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



12345c, ~ 450*300 это мальенькой считается? smile  


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

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


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


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

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



Куксикус, выложи код с картинками в архиве сюда. 
PM MAIL ICQ   Вверх
R.M.
Дата 15.5.2006, 10:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Illuminaty, хорошо севодня вечером выложу (т.к. это всё дома валяется) 


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

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


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


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

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



Вот. Только работает плохо smile может кто подскажет как заставить работать хорошо? 

Присоединённый файл ( Кол-во скачиваний: 7 )
Присоединённый файл  homeclear.zip 75,30 Kb


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

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


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


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

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



Ну, чего? Никто не поможет? smile  


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

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


Эксперт
***


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

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



Куксикус, поставьте в стилях для всех размеров единицы измерения.
Напр. left: 83px; top: 105px; 
PM WWW   Вверх
R.M.
Дата 18.5.2006, 12:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



vasac, да это тут не причём. Тут в javscript'е дело 


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

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


Эксперт
***


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

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



Куксикус, а попробовать? 
PM WWW   Вверх
R.M.
Дата 18.5.2006, 13:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



vasac, что пробовать если она не отображаетяс вообще? Если бы были неверно заданы координаты то она бы отобразилась не там где надо а не неотобразилась бы вообще.
P.S. по дефолту в данном случае всёравно любым браузерам эти единицы воспринимаются как пиксели. 


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

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


 




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


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

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