Написал рабочий код с jquery, если нужен кому, пользуйтесь, прокомментировал подробно:
$(document).ready( function(){
/* Мозилла и старая Опера не показывают фрейм на той же странице, которая загружается через него, т.е. на странице регистрации, поэтому на ней мы удаляем код всплывающего окна из DOM */
var hostLength = window.location.hostname.toString().length + 7; // находим длину начальной части url: http:// + domain
var windowLock = window.location.href.toString().slice(hostLength); // отсекаем начальную часть url, оставляем "хвост"
if( windowLock === '/index.php?route=account/simpleregister' ){ // если это страница регистрации
$('#showarcticmodal').remove(); // удаляем код плашки
$('#arcticmodal').remove(); // удаляем код всплывающего окна
return;
}
var iframe = $('#frame-simplereg'); // фрейм
var frameblock = $('#frameblock-simple'); // блок, обрамляющий фрейм
iframe.load( function(){
var iframeDoc = iframe.contents(); // загружаемый во фрейме документ
var simpleReg = iframeDoc.find('.simple-content').get(0); // блок внутри загружаемого во фрейме документа(форма регистрации).
if( !iframeDoc || !simpleReg ){ // IE не даёт доступ к содержимому фрейма, поэтому ставим размеры с запасом
frameblock.get(0).style.height = '600px';
iframe.get(0).style.height = '770px';
}
else{ // изменяем размер блока с фреймом, в зависимости от высоты формы
frameblock.get(0).style.height = 50 + simpleReg.offsetHeight + 'px';
iframe.get(0).style.height = 50 + 170 + simpleReg.offsetHeight + 'px';
}
})
});
Кто-нибудь знает, как изменять стиль документа внутри фрейма через CSS? Если не трудно, прокомментируйте код, может я накосячил чего?