Wie angezeigt, abgerufenen Daten von API, in der HTML-Seite?

StackOverflow https://stackoverflow.com/questions/3518950

Frage

ich eine HTML-Seite haben. Hier bin ich mit TabView von Yahoo API. Das heißt: 

<div id="demo" class="yui-navset">
    <ul class="yui-nav">
        <li class="selected"><a href="#tab1" onclick="TopStories()"><em>Top Stories</em></a></li>
        <li><a href="#tab2" onclick="FinanceNews()"><em>Finance</em></a></li>
        <li><a href="#tab3" onclick="SportsNews()"><em>Sports</em></a></li>
    </ul>            
    <div class="yui-content">
        <div><p>Top Stories</p></div>
        <div><p>Finance</p></div>
        <div><p>Sports</p></div>
    </div>
</div>

In der onClickEvent die Funktionen verwendet, holen Daten aus Google News> 

function TopStories(){
location.href="http://www.google.com/news/search?aq=f&pz=1&cf=all&ned=in&hl=en&q=TopStories";
}
function FinanceNews(){
location.href="http://www.google.com/news/search?aq=f&pz=1&cf=all&ned=in&hl=en&q=Finance";
}
function SportsNews(){
location.href="http://www.google.com/news/search?aq=f&pz=1&cf=all&ned=in&hl=en&q=Sports";
}

Aber der Ausgang ist die Navigation zu NEWS Seite. Aber, ich will sie als Tab Content angezeigt werden soll.

Was soll ich tun?

War es hilfreich?

Lösung

Sie können iframe für diesen Zweck verwenden .. siehe unten Beispiel ,,

Mit jQuery Registerkarte erstellen sein immer einen div, wo Ihre Ergebnisanzeige. Sie haben nur Art und Weise zu öffnen externen Link auf Ihrer Seite mit. 

<li><a href=ReturnIfram()><span>Google</span></a></li>

href get eine Zeichenkette, die ifram wie

enthalten 
public string ReturnIfram()
{
   return "<iframe src="http://google.fr"></iframe>"
}

try oben in Javascript Beispiel unten sehen 

<html>
<head>
<script language="JavaScript" type="text/javascript">
function makeFrame() {
   ifrm = document.createElement("IFRAME");
   ifrm.setAttribute("src", "http://developerfusion.com/");
   ifrm.style.width = 640+"px";
   ifrm.style.height = 480+"px";
   document.body.appendChild(ifrm);
}
</script>
</head>
<body>
<p><a href="#" onMouseDown="makeFrame()">GO! </a></p>
</body>
</html>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top