練習として、私はYQL/xpath/javascriptを使用して、タロットカードの画像、カードの名前、およびリモートページ上の意味を表示しようとしています。 Yahooの例のようにスクリプトを設定しましたが、ブラウザに表示することはできません。表示するように改善する方法についての提案はありますか?YQL/xpath/javascriptを表示するにはどうしたらいいですか?
<html>
<head>
<title>Example</title>
<script type='text/javascript'>
function tarot(o){
var div = o.query.results.div;
var output = '';
var title = div[0].strong;
var content = div[0].p.content;
var src = div[1].img.src;
output = "<h3>" + title + "</h3></br><p>" + content + "</p><img src='" + src + "' alt="" />";
document.getElementById('results').innerHTML = output;
}
</script>
</head>
<body>
<div id='results'></div>
<script src="http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fwww.tarot.com%2Fdaily%22%20and%20xpath%3D%22%2F%2Fdiv%5B%40id%3D'cardHolder'%5D%20%7C%20%2F%2Fdiv%5B%40id%3D'cardMeaning'%5D%22&format=json&diagnostics=true&callback=tarot"></script>
</body>
</html>
ご協力いただきありがとうございます。 〜Larys
P.S. - 最新のコードを反映するように、コードの一部をcallback=functionName
に更新しました。残念ながら、これは問題を解決していないようです。私は行方不明のようなことがありますか?
あなたはそうです。チュートリアルを振り返ってみると、 'callback = functionName'を使って関連する関数を呼び出していましたが、これを' tarot'に変更した後は役に立たなかったでしょうか?私が紛失しているかもしれない何か他にありますか? – Larys