У меня есть страница, содержащаяся в iFrame (со встроенной внешней html-страницей) эта страница имеет форму, и при наведении курсора на кнопку отправки формы она вычисляет скрытые значения формы перед отправкой.
Кроме того, я использую библиотеку сглаживания в форме (http://codecanyon.net/item/smooth-zoom-pan-jquery-image-viewer/full_screen_preview/511142).
. Пример расчета - это смещение слева от изображения, рассчитанное по отношению к смещению слева от вида кадрирования.
Я проверил элементы в обоих хромахи firefox.
При наведении мыши все скрытые поля обновляются в firefox.
Когда, как и в Chrome, обновляются только два из них. X и Y.
ВотjQuery я использую.
var hovered = false;
$(function(){
$('#image').smoothZoom({
width: 270,
height: 270,
zoom_MAX: 600,
animation_SPEED: 0.001,
animation_SMOOTHNESS: 0,
initial_ZOOM: '100',
initial_POSITION: '0 0'
});
$('#headerImageCont').hover(function(){
hovered = true;
},function(){
hovered = false;
});
$(window).bind("mousewheel", function(event, delta){
if (hovered === true){
return false;
}
});
$('#saveButton').mouseover(function(){
$('#x').val(-$('#image').position().left); //needs to be inverted
$('#y').val(-$('#image').position().top); //needs to be inverted
$('#ScaleX').val($('#image').width() / 500);
$('#ScaleY').val($('#image').height() / 423);
$('#Scale').val($('#image').width() / 500 * 100);
$('#target_width').val($('#headerImageCont').width());
$('#target_height').val($('#headerImageCont').height());
$('#actual_width').val($('#image').width());
$('#actual_height').val($('#image').height());
});
});