Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Доступ к css из javascript
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Доступ к css из javascript

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

1. SergeantPEPPER - 04 Марта, 2009 - 16:38:23 - перейти к сообщению
Добрый день.

Мне нужно сделать всплывающую подсказку (дизайнерская картинка), поэтому в яваскрипте пользуюсь проверкой типа:
CODE (text):
скопировать код в буфер обмена
  1. function showFotoHint(title, text)
  2. {
  3.         var foto_hint = document.getElementById('foto_hint');
  4.         var currX = window.event.x;
  5.         var currY = window.event.y;
  6.         foto_hint.style.display = '';
  7.         foto_hint.style.top = currY;
  8.         foto_hint.style.left = currX;
  9.         return true;
  10. }
  11. function hideFotoHint()
  12. {
  13.         var foto_hint = document.getElementById('foto_hint');
  14.         foto_hint.style.display = 'none';
  15.         return true;   
  16. }


Это работает, только если стили я прописываю непосредственно в html коде через свойство style:
CODE (text):
скопировать код в буфер обмена
  1. <div id="foto_hint" style="display: none; top: 0px; left: 0px;">
  2.         <img src="./images/foto_hint_top_edge.gif" alt="" />
  3.         <img src="./images/foto_hint_middle.gif" alt="" />
  4.         <img src="./images/foto_hint_bottom_edge.gif" alt="" />
  5. </div>


Но я хотел бы скинуть это в css-ку, как это сделать?
2. CodeWarrior - 04 Марта, 2009 - 18:14:52 - перейти к сообщению
HTML
CODE (text):
скопировать код в буфер обмена
  1. <div id="foto_hint" class="foto_hint">
  2. <img src="./images/foto_hint_top_edge.gif" alt="" />
  3. <img src="./images/foto_hint_middle.gif" alt="" />
  4. <img src="./images/foto_hint_bottom_edge.gif" alt="" />
  5. </div>

CSS
CODE (text):
скопировать код в буфер обмена
  1. .foto_hint {
  2. display: none;
  3. top: 0px;
  4. left: 0px;
  5. }
3. SergeantPEPPER - 04 Марта, 2009 - 19:38:44 - перейти к сообщению
Не, естесственно, я спрашиваю не об этом )

Если, засунуть display: none в css-ку, ток это свойство нельзя будет изменять через javascript...

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

Если задача только во всплывающей картинке.
5. valenok - 04 Марта, 2009 - 21:24:36 - перейти к сообщению
SergeantPEPPER а ты бы попробовал записать в css файле display:none и менять JS
6. CodeWarrior - 04 Марта, 2009 - 21:56:11 - перейти к сообщению
SergeantPEPPER пишет:
Если, засунуть display: none в css-ку, ток это свойство нельзя будет изменять через javascript...

Я сам лично менял Ха-ха
7. Champion - 05 Марта, 2009 - 08:56:02 - перейти к сообщению
element.style.свойство = 'значеие'
8. SergeantPEPPER - 05 Марта, 2009 - 18:54:03 - перейти к сообщению
valenok пишет:
SergeantPEPPER а ты бы попробовал записать в css файле display:none и менять JS


Да, я так и делал - почему то не сработало... Тогда, единожды. Сейчас работает Улыбка

Видимо там я в чем то другом ошибся, а в чем - уже видимо не узнаю...

Всем спасибо.
9. DeepVarvar - 22 Ноября, 2009 - 15:01:41 - перейти к сообщению
Та же проблема.... Если пишу в самом хтмл-е - меняет, если в подключаемом css-файле - то не меняет... И где собака зарыта?????

 

Powered by ExBB FM 1.0 RC1