2010-08-19 16 views
0

J'ai une page html. Ici, j'utilise tabview de Yahoo API. C'est:Comment afficher les données extraites de l'API dans la page html?

<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 les onClickEvent les fonctions utilisées, les données de Google d'extraction 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 de NOUVELLES. Mais, je veux les afficher comme contenu d'onglet.

Que dois-je faire?

Répondre

0

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. Vous avez seulement moyen d'ouvrir un lien externe sur votre page en utilisant.

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

href obtenir une chaîne qui contient ifram comme

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

ici que HTML et JavaScript est permet d'être utilisé. –

+0

voir ci-dessus exemple pour le faire en javascript ... changer ci-dessus en fonction de votre exigence. –