Cкрипт работает в опере и хроме, но не работает в мозилле и ие.
смысл скрипта увеличивать определенный участок для слабовидящих
пример:
http://mosi.ru (лупа рядом с меню "О МОСИ")
сам скрипт:
$jq(document).ready(function() {
// первичная инициализация
initMag( document.location.href );
// по клику перезагружаем кароч
$jq('.topbut').on('click',function(){
var to = $jq(this).attr('pageuri'),link;
// формируем ссылку
link = 'http://mosi.ru/'+to;
initMag( link );
});
});
function initMag( src ){
if(window.self === window.top){
console.log(src);
$jq('#magnifier_body').prop('src', window.location.pathname).css({
'width': window.innerWidth,
'height': 5000
});
window.frames['magnifier_body'].location.href=src;
$jq('.magnifier_open').click(function(event){
var frame = document.getElementById('magnifier_body');
$jq('#magnifier').css('display', 'block').draggable({
drag: function(event) {
frame.contentWindow.scrollTo(0, 0);
var x = event.originalEvent.clientX;
var y = event.originalEvent.clientY+$jq(window).scrollTop();
$jq('#magnifier_body').css({'left': 1200 - 2*x,'top': 2630 - 2*y});
}
});
var x = event.originalEvent.clientX;
var y = event.originalEvent.clientY+$jq(window).scrollTop();
$jq('#magnifier_body').css({'left': 1200 - 2*x,'top': 2630 - 2*(y + 120)});
$jq('#magnifier').css({left: x - 162, top: y});
});
$jq('.magnifier_close').click(function(){
$jq('#magnifier').css('display', 'none');
});
}
}
