ラジオのウェブサイトを運営していますが、コンテンツ (ラジオ情報) が自動的に更新されるようにしようとしています。
現在、リフレッシュが非常に醜いです。
更新が完了するまで、ラジオ情報の iframe の内容を保持したい。
これが私のコードです: iframe を含むコンテンツの PHP: http://pastebin.com/fwBjMEUs
更新する Radio Info の PHP: http://pastebin.com/XyfhG8Kn
ラジオのウェブサイトを運営していますが、コンテンツ (ラジオ情報) が自動的に更新されるようにしようとしています。
現在、リフレッシュが非常に醜いです。
更新が完了するまで、ラジオ情報の iframe の内容を保持したい。
これが私のコードです: iframe を含むコンテンツの PHP: http://pastebin.com/fwBjMEUs
更新する Radio Info の PHP: http://pastebin.com/XyfhG8Kn
これには AJAX を使用する方がはるかに優れています。これは、コンテナーとして iFrame の代わりに div を使用します。PHP ファイルが div 内で必要な HTML のみを出力することを確認してから、このスクリプトを表示するページに追加します。
<script>
function refreshinfo(){
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("currentinfo").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","http://www.x86cam.com/wp-content/plugins/radio-info.php",true);
xmlhttp.send();
}
setInterval(refreshinfo, 20000); /*How often to refresh in ms; currently 20 secs */
</script>
次に、iframe を次のように置き換えます。<div id="currentinfo"></div>
これで準備完了です。
編集: 情報を取得する php ページを確認しました。必要なのはタグ<centre>
と</centre>
タグを削除することだけですが、そのままでも機能する可能性があります。