Как заставить ссылки в динамическом объекте открываться на новой вкладке?

Я пытаюсь загрузить стилизованную RSS-ленту из моего блога WordPress на другом сайте, и я могу загрузить ее просто отлично, но безопасность WordPress не позволяет вам открывать свой сайт в фрейме. Так может ли кто-нибудь сказать мне, как изменить целевой атрибут ссылок в стилизованном RSS-канале, чтобы они не пытались открыть сайт wordpress в кадре, в который он был загружен, но вместо него была новая вкладка?Как заставить ссылки в динамическом объекте открываться на новой вкладке?

<!doctype html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Load remote content into object element</title> 

    <style> 
     object { 
      height: 100%; 
      width: 100%; 
     } 
     html, body { 
      height: 100%; 
      overflow: hidden; 
     } 

     #content { 
      height: 99%; 
      overflow: hidden; 
     } 
    </style> 

    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 

    </head> 
    <body> 
    <div id="content"></div> 
    <script> 
     $("#content").html('<object data="articlefeed.html" />'); 
     $("#content").find('a').attr("target", "_blank"); 
    </script> 
    </body> 
</html>

Статья Feed:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style> 
/* begin styles for RSS Feed */ 

.rss-box { 
    /* margin: 1em; */ 
    width: 800px; 
    font-size: 16px; 
    background-color: #D6D9DC; 
    border: 0px solid #cc3300; 
    direction: ltr; 
    border-radius: 5px;  
} 

.rss-items { 
    margin-top:1px; 
    padding:0.5em; 0.5em; 
    /* margin-left:1px; */ 
    color:#333; 
    direction: ltr; 
} 

p.rss-title { 
    padding:0.5em; 
    direction: ltr; 
} 

.rss-title { 
    text-decoration: none; 
    font-family: arial; 
    font-size: 85%; 
    background-color:#2e353d; 
    color:#f6f5f4; 
    font-weight:bold; 
    margin: 0px; 
    padding: 0em; 
    text-align: left; 
    direction: ltr; 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px; 
} 

.rss-item { 
    font-family: arial; 
    font-size: 85%; 
    font-weight : normal; 
    list-style:none; 
    padding-bottom:1em; 
    direction: ltr; 
    text-shadow: 0px 1px 0px #FFF; 
} 

.rss-item a { 
    text-decoration: underline; 
    color:#000000; 
    font-size: 105%; 
    font-weight:bold; 
    font-family:verdana; 
    direction: ltr; 
    line-height: 150%; 
} 

.rss-item a:visited { 
    color:#448822; 
    direction: ltr; 
} 

.rss-date { 
    font-size: 85%; 
    font-weight : normal; 
    color: #333; 
    direction: rtl; 
} 
.rss-item-auth {  
} 
</style> 
</head> 

<body> 
<script language="JavaScript" src="http://www.feedroll.com/rssviewer/feed2js.php?src=http%3A%2F%2Fnyhederwp.oneclick.holdbarhest.dk%2Fcategory%2Fartikler%2Ffeed%2F&chan=y&num=5&desc=200&au=y&date=y&utf=y" charset="UTF-8" type="text/javascript"></script> 

<noscript> 
<a href="http://www.feedroll.com/rssviewer/feed2js.php?src=http%3A%2F%2Fnyhederwp.oneclick.holdbarhest.dk%2Fcategory%2Fartikler%2Ffeed%2F&chan=y&num=5&desc=200&au=y&date=y&utf=y&html=y">View RSS feed</a> 
</noscript> 
</body> 
</html>

Помощь очень ценится.

источник

2014-01-04 user2215588

Использование внутри articlefeed.html в targ параметрическое для сценария:

http://www.feedroll.com/rssviewer/feed2js.php?src=http%3A%2F%2Fnyhederwp.oneclick.holdbarhest.dk%2Fcategory%2Fartikler%2Ffeed%2F&chan=y&num=5&desc=200&au=y&date=y&utf=y&targ=_blank

источник

2014-01-04 10:55:53

Это сделал это, спасибо большое: D – user2215588

Вы можете использовать эту структуру:

$("#content a").attr('target','_blank');

источник

2014-01-04 10:42:11

Как заставить ссылки в динамическом объекте открываться на новой вкладке?

ответ

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