У меня есть набор фреймов, где в одном фрейме есть кнопка, которая сводит к минимуму его исходный набор фреймов до определенного размера.
Код работает, но проблема заключается в том, что сначала я хочу сначала изменить размер рамки с помощью мыши, а затем нажать кнопку минимизации, которая будет неправильно изменена в IE8 и Chrome. Он правильно изменяет размер в FF.
У меня есть эта структура HTML
...
<frameset cols="32%,*" border="2" frameborder="1" framespacing="1">
<frameset rows="350,*" border="2" frameborder="1" framespacing="1" id="searchResultFrameset">
<!-- The minimize button are in this frame searchResultFrame -->
<frame name="searchResultFrame" scrolling="no" src="dummy">
<frame name="itemFrame" frameborder="1" scrolling="no" id="itemFrame" src="dummy2"></frameset>
<frame name="contentFrame" frameborder="0" scrolling="yes" id="contentFrame" src="dummy3">
</frameset>
...
и этот код, который выполняется при нажатии на кнопку.
// Minimize frame button
$('.minimizeFrame').toggle(function () {
parent.document.getElementsByTagName('frameset')[1].setAttribute('cols','22,*');
}, function () {
parent.document.getElementsByTagName('frameset')[1].setAttribute('cols','32%,*');
});
Я вижу, что cols="32%,*"
изменяется на cols="22,*"
в инструментах разработчика, но все же он отображает неправильный размер.
Почему это неправильно изменяется после изменений с помощью мыши? Я что-то упустил или это ошибка в браузере? Или может быть альтернативное решение для изменения размера рамки без этой ошибки?
Пример