Come visualizzare, i dati recuperati da API, nella pagina html?

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

Domanda

Ho una pagina html. Qui, sto usando TabView di Yahoo API. Cioè: 

<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>

Nel onClickEvent le funzioni utilizzate, recuperare i dati da 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";
}

ma l'uscita è la navigazione alla pagina NEWS. Ma, voglio visualizzare loro come Tab Content.

Che cosa devo fare?

È stato utile?

Soluzione

È possibile utilizzare iframe per questo scopo .. vedi sotto esempio ,,

Utilizzando scheda Jquery, il suo creare sempre un div in cui il display risultato. Devi solo modo per link esterno sulla tua pagina utilizzando. 

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

href ottenere una stringa che contengono Ifram come 

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

prova sopra in JavaScript vedi sotto esempio 

<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>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top