3

PHP の「file_get_contents」関数を使用して Web サイトから株価データを取得するスクリプトを実行する予定です。株価データは jQuery で操作され、サードパーティの Web サイトに iFrame としてフィードされます。

これまでのところ、データのインポートは成功していますが、iFrame が狭すぎてすべてを表示できません。div の内容を右から左にループする単純な jQuery テキスト スクローラーを知っている人はいますか?

これまでのコード:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ticker</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<style>
.yfi_quote_summary_page{display:none;}
.time_rtq_ticker{font-weight:bolder;}
.down_r{color: #c00;font-weight:bold;}
.up_r{color: #080;font-weight:bold;}
.yfi_rt_quote_summary_rt_top .time_rtq{display:none;}
#time, #currentPrice{float:left;display:inline;font-size:16px;}
#currentPrice p{margin:0;}
#time{margin-right:16px;}
</style>
</head>

<body>
<?php
$content = file_get_contents('http://uk.finance.yahoo.com/q?s=STT.L');
if( $content !== FALSE ) {
  echo $content;
}
?>
<script>
$(function(){
   /*Copy HTML element*/
   var $importedData = $(".yfi_rt_quote_summary_rt_top").clone(true);
   var $time = $(".time_rtq").clone(true);
   $('body').empty();
   $('body').append('<div id="ticker"><div id="time">Stock price at </div><div id="currentPrice"></div></div>');
   $('#currentPrice').append($importedData);
   $('#time').append($time);
});
</script>
</body>
</html>
4

1 に答える 1