2013-06-15 3 views
1

Я видел этот вопрос много раз, и многие ответы, похоже, предлагают базовую технику target="_blank". Тем не менее, я использовал это раньше в прошлом; но моя текущая страница не работает. Я также не думаю, что это может быть лучшим вариантом, даже если это сработает; поскольку я ТОЛЬКО хочу, чтобы ссылки в пределах iframe src="" открывались в новом окне. Я прыгаю, есть простое решение, которое я могу добавить в строку на странице. Я также попытался добавить идентификатор, как показано ниже, и используя JavaScript, по-прежнему нада.ссылки в окне iframe для открытия в новой вкладке

<iframe src="mywordpressfeed.html" id="frame1" width="310" height="380"></iframe> 

JS

$(document).ready(function(){ 
    $("#frame1").attr("target","_blank"); 
}); 

В основном цель состоит в том, чтобы, когда пользователь видит мой WordPress кормить в IFRAME У меня есть на статической странице; после щелчка по заголовку сообщения он загружается в новом окне, так как теперь он загружается в пределах одного и того же iframe, поэтому нет повышенного уровня удобочитаемости.

+2

'" target "' является атрибутом тега привязки, а не тегом iframe. – Andbdrew

+0

Не можете ли вы изменить тему/код/​​канал Wordpress, чтобы указать гиперссылки target = "_ blank"? – adaam

+0

Спасибо за ответ @adaam, но нет, потому что, когда пользователи там, я не хочу, чтобы это была новая страница за сообщение. Только на странице всплеска, где у меня есть iframe. –

ответ

2

Нет реального решения этого, из-за того, что тег iFrame разрабатывается для противоположного.

1
//pass the iframe to this iframe getting function 
    function iframeRef(frameRef) { 
     return frameRef.contentWindow ? frameRef.contentWindow.document : frameRef.contentDocument 
    } 
//Get Iframe 
    var inside = iframeRef(document.getElementById('iframeID')); 
//Get all links 
    var links = inside.getElementsByTagName('a'); 
//Loop throught links and set their attributes 
    for (var i = 0 ; i<links.length ; i++){ 
    links[i].setAttribute('target','_blank'); 
    } 
//No jQuery needed! 

благодаря meder

EDIT Благодаря IFrame те же ограничения источника я должен был найти сайт с внутренней IFRAME из одного источника, так что вы можете вставить этот код

//pass the iframe to this iframe getting function 
    function iframeRef(frameRef) { 
     return frameRef.contentWindow ? frameRef.contentWindow.document : frameRef.contentDocument 
    } 
//Get Iframe 
    var inside = iframeRef(document.getElementById('IFwinEdit_Gadget_247730_3349')); 
//Get all links 
    var links = inside.getElementsByTagName('input'); 
//Loop throught links and set their attributes 
    for (var i = 0 ; i<links.length ; i++){ 
     links[i].setAttribute('style','background:red'); 
    } 
//No jQuery needed! 

в консоль в этом web site и см. входы меняют цвет

+0

Ничего себе, это выглядит потрясающе @ raam86, но до сих пор нет такой удачи =/ –

+0

Что-нибудь еще я должен здесь включать? Приветствия. –

+0

Опубликовать некоторый HTML для получения дополнительной информации также вставить консольную ошибку – raam86

Смежные вопросы