Comment afficher, données extraites de l'API, dans la page html?

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

Question

J'ai une page html. Ici, je me sers de TabView API Yahoo. C'est: 

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

Dans le onClickEvent les fonctions utilisées, récupérer les données de Google NOUVELLES> 

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";
}

Mais la sortie est la navigation à la page NOUVELLES. Mais, je veux les afficher sous forme de contenu Tab.

Que dois-je faire?

Était-ce utile?

La solution

Vous pouvez utiliser iframe à cet effet .. voir exemple ci-dessous ,,

En utilisant l'onglet Jquery, son toujours créer un div où votre affichage des résultats. Il vous suffit moyen d'ouvrir lien externe sur votre page à l'aide. 

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

href obtenir une chaîne qui contient comme ifram 

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

essayer ci-dessus javascript voir exemple ci-dessous 

<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>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top