1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Вопрос к разработчикам Drupal

Главные вкладки

Аватар пользователя sir_bingo sir_bingo 27 января 2012 в 12:48
<html>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/js/cufon-yui.js"></script>
<script type="text/javascript" src="/js/Gals.js"></script>
<script type="text/javascript" src="/js/cufon-replace.js"></script>

<STYLE TYPE="text/css">
div.testixdiv {
background: #31cfce;
width: 300px;
height: 178px;
}

div.testixdiv2 {
background: #404040;
visibility: hidden;
width: 300px;
height: 178px;
}
</style>
</head>
<body>
<div>

  <div class="testixdiv">
    <ul class="testixul">
     <li class="testixli"><a>- XS100 8AI 0.001%</a></li>
     <li class="testixli"><a>- XS200 16CNT</a></li>
    </ul>
  </div>

  <div class="testixdiv2">
    <ul class="testixul2">
     <li class="testixli2"><a>- XS100 8AI 0.001%</a></li>
     <li class="testixli2"><a>- XS200 16CNT</a></li>
    </ul>
  </div>

</div>

<script>  
$(document).ready(function(){  
$("div.testixdiv").mouseover(function() {
$("div.testixdiv2").css("visibility", "visible");
});
});
</script>
</body>
</html>

Код выводит блок, при наведении на который, появляется другой блок. В появившемся блоке есть список. В Internet Explorer 8 не работает Cufon. Почему я решил, что проблема в Drupal? Тестировал код на локальной машине в IE8 работает. Сначала решил что конфликт где то - удалил все между тегами не помогло. Пытался вызывать Cufon.replace(".testixli2 a"); в самом коде, в

<script>  
$(document).ready(function(){  
$("div.testixdiv").mouseover(function() {
$("div.testixdiv2").css("visibility", "visible");
Cufon.replace(".testixli2 a");
});
});
</script>
</body>
</html>

Прошу указать, в чем может быть ошибка?

Комментарии

Аватар пользователя aa2ndrew aa2ndrew 27 января 2012 в 12:52

Может быть конфликт куфона и jQuery. Я с этим сталкивался. Как альтернативу можно использовать @font-face, тем более, что есть модуль под друпал.

Аватар пользователя sir_bingo sir_bingo 27 января 2012 в 13:49

Конфликта быть не может - тестировал с локальной машины этот кот в IE8 - прекрасно работает!
@font-face не подходит, потому, что cufon шрифт делает таким, как бы сглаженым, специфичным, это нужно обязательно, а в @font-face шрифт обычный, с засечакми,пикселами... При том, с куфоном шрифт немного увеличивается в размере. Сделал с помощью @font-face - вся разметка развалисась!

Аватар пользователя sir_bingo sir_bingo 27 января 2012 в 13:54

Повторюсь: создаю новую публикацию типа Page, формат ввота: full html, ..все дела... пихаю туда код, сохраняю. Во всех браузерах полет - нормальный! В IE8 куфон работать-работает, но с скриптом появления блока, в котором текст - не отображает текст вообще. А если с локального пк запустить с Блокнота этот код - работает!

Аватар пользователя sir_bingo sir_bingo 27 января 2012 в 15:14

Сказать что проблема решена - ничего не сказать. Тем неменее нашел альтернативу: visibility:visible буду просто прятать блог за экран margin правилом. Видимо IE8 "ломается" именно с visibility
aa2ndrew, спасибо за попытку помочь!