Top.Mail.Ru
Ответы

Нужна помощь по .JS > Прошу помогите!

В ' framewarp.js ' нужно добавить ограничение в коде .js для модальная окна на загрузку страницы сайта ' http://sergeyteplyakov.blogspot.com ', т. е. я не хочу чтоб загружался весь контент страницы а только с **только начальный первый БЛОК с текстами** . Как это сделать? Подобный вопрос был решен на сайте https://toster.ru/q/70436, но я так и не понял что куда, так как я по .JS полный "0"))

Html и CSS я разместил на http://jsfiddle.net/BenPatrik/8ugnsbzf/1/ - только там в результате не работает, работает на Notepad++..

$(function(){ $('#b3').frameWarp({url:'http://sergeyteplyakov.blogspot.com'}) });

(function($){
// Private varialble deffinitions
var body = $('body'), win = $(window), popup, popupBG;
var frameCache = {};
var frameCacheDiv = $('').appendTo('body');
var currentIframe;

// Основной код плагина
$.fn.frameWarp = function(settings){
// Поставка настройки по умолчанию
settings = $.extend({ cache:true, url: '', width:600, height:500, closeOnBackgroundClick:true, onMessage:function(){}, onShow:function(){} }, settings);
this.on('click',function(e){ e.preventDefault(); var elem = $(this), offset = elem.offset();
// Центр кнопки
var buttonCenter = { x: offset.left - win.scrollLeft() + elem.outerWidth()/2, y: offset.top - win.scrollTop() + elem.outerHeight()/2 };
// Центр окна
var windowCenter = { x: win.width()/2, y: win.height()/2 };
// Если URL не указан, используйте атрибут ссылки.
// Это полезно для постепенного повышения ссылки.
if(!settings.url && elem.attr('href')){ settings.url = elem.attr('href'); }
// Темный фон
popupBG = $('',{'class':'popupBG'}).appendTo(body); popupBG.click(function(){ if(settings.closeOnBackgroundClick){hide() }
// CSS3 анимации
}).animate({'opacity':.5},400);
// Всплывающее окно
popup = $('').addClass('popup').css({ width: 0, height:0, top:buttonCenter.y, left:buttonCenter.x - 35 });
// Добавьте его к странице, и вызвать CSS3 анимации
popup.appendTo(body).animate({
'width': settings.width,
'top': windowCenter.y - settings.height/2,
'left': windowCenter.x - settings.width/2,
'border-top-width': settings.height,
'border-right-width': 0,
'border-left-width': 0
},200,function(){ popup.addClass('loading').css({ 'width': settings.width, 'height': settings.height });
var iframe;
// Если это IFRAME уже существует в кэше
if(settings.cache && settings.url in frameCache){ iframe = frameCache[settings.url].show(); }
else{ iframe = $('',{ 'src' : settings.url, 'css' : { 'width' : settings.width, 'height' : settings.height, } });
// Если кэш включен, добавить к нему раму
if(settings.cache){ frameCache[settings.url] = iframe; iframe.data('cached',true); settings.onShow(); }
// удалить некэшируемый плавающие фреймы
else{ frameCacheDiv.find('iframe').each(function(){ var f = $(this); if(!f.data('cached')){ f.remove();} }); }
iframe.ready(function(){ frameCacheDiv.append(iframe); setUpAPI(iframe, settings); settings.onShow(); });
}
currentIframe = iframe;});});return this; };

// Вспомогательные функции
function hide(){ if(currentIframe){ currentIframe.hide(); currentIframe = null; } popupBG.remove(); popup.remove(); }
function setUpAPI(iframe, settings){ if(sameOrigin(settings.url)){
// Разоблачение минимальный API для фрейма
iframe[0].contentWindow.frameWarp = { hide: hide, sendMessag

Дополнен

Возможно оплата за работу

По дате
По Рейтингу
Аватар пользователя
Новичок
10лет

Во-первых, нужно перенести
$(function(){ $('#b3').frameWarp({url:'http://sergeyteplyakov.blogspot.com'}) });
в самый низ, потому что в этой строчки вызывается функция, которая описывается позже, чем вызывается, т. е. нарушается логика.