разобраться с доктайп

pbeloysov · April 9, 2012

Помогите кто-нибудь разобраться почему доктайп отключает работы всех хаков?

У меня есть страница с ява скриптом и хтмл-кодом, ЦСС которого содержит хаки для ИЕ (*html)

ява-код


<script type="text/javascript">
	$(document).ready(function( ) {
	$('.otvet').hide();
	$('#block_vopros h2').toggle(
		function() {
			$(this).next('.otvet').slideDown(700,'swing');
			$(this).addClass('close_otvet');
		},
		function() {
			$(this).next('.otvet').slideUp(500,'linear');
			$(this).removeClass('close_otvet');
	  }
	);
 	});
	$(document).ready(function() {$('#toglink0').click(
	function() {
	 if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
	 if ($('#togblock1').css("display")=="block") {$('#togblock0').css("display", "none");
	 } else {$('#togblock0').css("display", "block");
	 }
	 } else {$('#togblock0').toggle("slow");
	 }
	 if ($('#toglink0').text()=='развернуть') {$('#toglink0').text('свернуть');
	 } else {$('#toglink0').text('развернуть');
	 }
	 });
 });
	</script>

хтмл код


<div id="wrapper">
    <div id="block_vopros">
	<h2>диагностик ходовой, подвески и рулевого управления <span>720 руб.</span></h2>

	<div class="otvet">
	<p>Производится осмотр на механические повреждения пыльников, сайлентблоков, силовых деталей подвески и рулевого управления. Проверяются люфты и зазоры в рабочих соединениях.</p>
	</div>
    </div>
</div>

<div id="wrapper">
    <div id="block_vopros">
	<h2>диагностик ходовой, подвески и рулевого управления <span>720 руб.</span></h2>

	<div class="otvet">
	<p>Производится осмотр на механические повреждения пыльников, сайлентблоков, силовых деталей подвески и рулевого управления. Проверяются люфты и зазоры в рабочих соединениях.</p>
	</div>
    </div>
</div>

Если я использую доктайп такого вида: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">, то у меня работают хаки *html, но в ИЕ не будет открываться второй блок с выпадающим текстом.

Если использовать доктайп вида: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">, то у меня работает выпадение всех блоков wrapper (2, 3, 4 сколько хочешь), но не работает ни один хак *html.

Я первый раз сталкиваюсь с тем, что у меня не работает хак *html, поэтому не могу понять в чем причина. ИЕ у меня 8.0.

Edited April 9, 2012 by pbeloysov

alexandr_v-vich · April 9, 2012

А чем вас не устроил <!DOCTYPE html>?

И у вас проблемы с кодировкой?

         if ($('#toglink0').text()=='??????????') {$('#toglink0').text('????????');
         } else {$('#toglink0').text('??????????');

Edited April 9, 2012 by alexandr_v-vich

pbeloysov · April 9, 2012

А чем вас не устроил <!DOCTYPE html>?

При данном доктайпе тоже не работает хак *html в ИЕ 8. Проблемы с кодировкой были при переносе кода сюда - поправил.

Edited April 9, 2012 by pbeloysov

alexandr_v-vich · April 9, 2012

А этот

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

?

Ещё вариант попробовать так:

<script type="text/javascript" language="JavaScript">

вместо вашего

<script type="text/javascript">

pbeloysov · April 9, 2012

Также не работает хак *html. Я, честно говоря, в первые за 5 лет верстки столкнулся с тем, чтобы не работал хак *html.

Правки для скрипта тоже не помогают... Скрипт не начинает работать в ИЕ под доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Edited April 9, 2012 by pbeloysov

pbeloysov · April 9, 2012

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

alexandr_v-vich · April 9, 2012

pbeloysov, расскажете, чем закончится)

SelenIT · April 9, 2012

хаки для ИЕ (*html)

Не вообще для IE, а для IE6 и ниже. В Quirks mode (без доктайпа, с доктайпом HTML 4.01 Transitional без DTD и т.п.) любой IE фактически превращается в IE5.5 и хак работает. В родном режиме IE8+ (с любым стандартным или "полустандартным" доктайпом) такие хаки не работают, но, как правило, и не нужны.

Независимо от доктайпа, id-ы на страничке дублироваться не должны, это ошибка, поведение браузеров при дублирующихся id-ах не определено. Юзайте классы, что ли...

pbeloysov · April 10, 2012

Спасибо. Теперь во всем разобрался.

alexandr_v-vich, история кончилась тем, что я переписал скрипт выпадающих блоков.

Edited April 10, 2012 by pbeloysov

Sign In

разобраться с доктайп

Question

pbeloysov

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

alexandr_v-vich

Link to comment

Share on other sites

pbeloysov

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

pbeloysov

Link to comment

Share on other sites

pbeloysov

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

pbeloysov

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information