#internet-explorer-6 #thickbox
#internet-explorer-6 #thickbox
Вопрос:
здравствуйте, я использую thickbox в качестве информационного всплывающего окна. он хорошо работает в IE7 / 8 и FF, но в IE6 он не отображает содержимое, а только искаженные символы. я прикрепил свой код и был бы признателен, если бы кто-нибудь мог сказать мне, в чем проблема? большое спасибо.
<a href="faq/whyreg.php?height=220amp;width=400" class="view thickbox" title="Registration has its benefits"> Answer</a>
и тип документа
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
скриншоты
Комментарии:
1. Может ли это быть кодировкой документа?
2. Мне было интересно, был ли HTML-файл сохранен в какой-то нечетной кодировке символов (или PHP настроен на вывод в какой-то нечетной кодировке символов). Не могли бы вы попробовать это без DTD?
3. насколько важна для вас поддержка IE6? Я бы порекомендовал отказаться от его поддержки на вашем сайте — сейчас на него приходится менее 2% рынка браузеров, и он падает с каждым месяцем. Уже давно дошло до того, что поддерживать его не стоило усилий. (Я бы также добавил, что на самом сайте Thickbox есть примечание, датированное более полутора годами назад, о том, что он больше не поддерживается, и рекомендующее пользователям переключиться на альтернативу, включая ссылки на несколько вариантов)
4. @justin все тот же. спасибо @spudley. это не важно для меня, но это важно для клиента. у меня нет проблем в IE7 / 8 или FF, поэтому, если возможно, я хотел бы использовать решение. я пробовал такие альтернативы, как shadowbox, dialog, facybox, но предпочитаю thickbox. Спасибо
5. Если клиент настаивает на IE6, тогда удвойте свои цены. 😉
Ответ №1:
Проверьте документацию по следующей ссылке:
[Толстый ящик jQuery][1]
[1]:http://jquery.com/demo/thickbox /
И используйте следующий код:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>
<script type="text/javascript">
function show_search (value)
{
var url= 'http://www.google.com';
tb_show('Change Details','" url "');
setTimeout("remove()",1*100);
return false;
}
function remove()
{
tb_remove();
alert("check");
}
</script>
</head>
<body>
<form id="hotel_search_popup">
<h2>Search Hotels</h2>
<input name="category" type="radio" value="F" class="radioSearch" onclick="return show_search(this.value);"/>
<label>Flight</label>
</form>
</body>
</html>