Показать сообщение отдельно
  #1 (permalink)  
Старый 09.12.2014, 18:08
Новичок на форуме
Отправить личное сообщение для kLiFF Посмотреть профиль Найти все сообщения от kLiFF
 
Регистрация: 09.12.2014
Сообщений: 3

Не работает скрипт лупы в мозилле и ие
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');
    });
    }
}
Ответить с цитированием