PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Доступ к css из javascript

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

SergeantPEPPER	Отправлено: 04 Марта, 2009 - 16:38:23
Частый гость Покинул форум Сообщений всего: 245 Дата рег-ции: Сент. 2007 Откуда: Казань Помог: 0 раз(а)	Добрый день. Мне нужно сделать всплывающую подсказку (дизайнерская картинка), поэтому в яваскрипте пользуюсь проверкой типа: CODE (text): скопировать код в буфер обмена function showFotoHint(title, text) { var foto_hint = document.getElementById('foto_hint'); var currX = window.event.x; var currY = window.event.y; foto_hint.style.display = ''; foto_hint.style.top = currY; foto_hint.style.left = currX; return true; } function hideFotoHint() { var foto_hint = document.getElementById('foto_hint'); foto_hint.style.display = 'none'; return true; } Это работает, только если стили я прописываю непосредственно в html коде через свойство style: CODE (text): скопировать код в буфер обмена <div id="foto_hint" style="display: none; top: 0px; left: 0px;"> <img src="./images/foto_hint_top_edge.gif" alt="" /> <img src="./images/foto_hint_middle.gif" alt="" /> <img src="./images/foto_hint_bottom_edge.gif" alt="" /> </div> Но я хотел бы скинуть это в css-ку, как это сделать? (Отредактировано автором: 04 Марта, 2009 - 16:47:37)

CodeWarrior	Отправлено: 04 Марта, 2009 - 18:14:52
Частый гость Покинул форум Сообщений всего: 157 Дата рег-ции: Янв. 2009 Откуда: Албания Помог: 0 раз(а)	HTML CODE (text): скопировать код в буфер обмена <div id="foto_hint" class="foto_hint"> <img src="./images/foto_hint_top_edge.gif" alt="" /> <img src="./images/foto_hint_middle.gif" alt="" /> <img src="./images/foto_hint_bottom_edge.gif" alt="" /> </div> CSS CODE (text): скопировать код в буфер обмена .foto_hint { display: none; top: 0px; left: 0px; }

SergeantPEPPER	Отправлено: 04 Марта, 2009 - 19:38:44
Частый гость Покинул форум Сообщений всего: 245 Дата рег-ции: Сент. 2007 Откуда: Казань Помог: 0 раз(а)	Не, естесственно, я спрашиваю не об этом ) Если, засунуть display: none в css-ку, ток это свойство нельзя будет изменять через javascript... Или я чего то еще не знаю - вот об этом и спрашиваю

Быколай	Отправлено: 04 Марта, 2009 - 21:05:47
Новичок Покинул форум Сообщений всего: 55 Дата рег-ции: Март 2009 Помог: 0 раз(а)	SergeantPEPPER, если я правильно понял задачу: надо при наведении на объект выводить подсказку (картинку). Предлагаю решить это через свойство visibility: аргумент hidden; а выводить событием js onMouseOver. Если нужно отображать картинку поверх остального контента, то применить z-index. Если задача только во всплывающей картинке.

valenok	Отправлено: 04 Марта, 2009 - 21:24:36
Здесь могла бы быть ваша реклама Покинул форум Сообщений всего: 4574 Дата рег-ции: Июль 2006 Откуда: Israel Помог: 3 раз(а)	SergeantPEPPER а ты бы попробовал записать в css файле display:none и менять JS ----- Truly yours, Sasha.

CodeWarrior	Отправлено: 04 Марта, 2009 - 21:56:11
Частый гость Покинул форум Сообщений всего: 157 Дата рег-ции: Янв. 2009 Откуда: Албания Помог: 0 раз(а)	SergeantPEPPER пишет: Если, засунуть display: none в css-ку, ток это свойство нельзя будет изменять через javascript... Я сам лично менял (Отредактировано автором: 04 Марта, 2009 - 21:57:40)

Champion	Отправлено: 05 Марта, 2009 - 08:56:02
Активный участник Покинул форум Сообщений всего: 4350 Дата рег-ции: Авг. 2008 Откуда: Москва Помог: 57 раз(а)	element.style.свойство = 'значеие'

SergeantPEPPER	Отправлено: 05 Марта, 2009 - 18:54:03
Частый гость Покинул форум Сообщений всего: 245 Дата рег-ции: Сент. 2007 Откуда: Казань Помог: 0 раз(а)	valenok пишет: SergeantPEPPER а ты бы попробовал записать в css файле display:none и менять JS Да, я так и делал - почему то не сработало... Тогда, единожды. Сейчас работает Видимо там я в чем то другом ошибся, а в чем - уже видимо не узнаю... Всем спасибо.

DeepVarvar	Отправлено: 22 Ноября, 2009 - 15:01:41
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Та же проблема.... Если пишу в самом хтмл-е - меняет, если в подключаемом css-файле - то не меняет... И где собака зарыта????? ----- Шта? Репозиторий?

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.