0

私は以下を機能させようとしています。フッターファイルに次のコードがあります。

footer.php：

<script type="text/javascript">
$(document).ready(function(){
$.ajax({ 
url: '', 
type: 'GET', 
dataType: "script",
success: function(data){ 
  //data is returned back 
  $('#latestforumposts').html(data); 
} 

});

}); 
</script>

そしてこれはファイルforumposts.phpです：

<script type="text/javascript" src='http://www.habboxforum.com/external.php?forumids=1382,1384,4,5,14,1410,7,85,40,43,124,123,24,30,306,34,446,38,214,1409,249,767,69,71,73,134,56,45,1230,54,135,1424,1425,601,893,209,1086&type=js'></script>

<script type="text/javascript">
<!--
for (x = 0; x < 5; x++)
{
document.writeln("<tr class='forumnewposts'><td><div class='forumpostwidth'><a target='_blank' href='http://www.habboxforum.com/showthread.php?t="+threads[x].threadid+"'>"+threads[x].title+"</a></div></td><td><div class='forumuserwidth'>"+threads[x].poster+"</div></td></tr>");
}
//-->
</script>

基本的に、ファイルは本来のようにdivに読み込まれないよう#latestforumpostsですが、forumposts.phpページに直接アクセスすると、想定どおりのコンテンツが表示されます（たとえば、forumposts.phpのスクリプトは機能します）。

そのスクリプトをドラッグして、ページのdivに配置するにはどうすればよいですか。これを行う必要がある理由は、x秒ごとに自動更新する必要があるためです。

アップデート：

さて、フッターに次のコードが含まれています。

<script type="text/javascript" src="http://www.habboxforum.com/external.php?forumids=1382,1384,4,5,14,1410,7,85,40,43,124,123,24,30,306,34,446,38,214,1409,249,767,69,71,73,134,56,45,1230,54,135,1424,1425,601,893,209,1086&type=js"></script>
  <script type="text/javascript">
$(document).ready(function(){
$.ajax({ 
url: '', 
type: 'GET', 
dataType: "html",
success: function(data){ 
  //data is returned back 
  $('div#latestforumposts').html(data); 
} 

});

}); 
</script>

これでスクリプトが読み込まれますが、div＃latestforumpostsに読み込まれたhtmlを表示する代わりに、ページのコンテンツ全体を更新するだけです。なぜそれがdivにロードされないのか考えてみてください。

4

1 に答える 1

0

jQuery

$(document).ready(function()
{
    update(false);
});

function update(load)
{
    if(load)
    {
        $.get(url,function(data)
        {
            $('#latestforumposts').html(data); 
        });
    }

    setTimeout(function(){update(true)},5000);
}

PHP（/forumposts.php）

<script type="text/javascript" src="http://www.habboxforum.com/external.php?forumids=1382,1384,4,5,14,1410,7,85,40,43,124,123,24,30,306,34,446,38,214,1409,249,767,69,71,73,134,56,45,1230,54,135,1424,1425,601,893,209,1086&type=js"></script>
<script type="text/javascript">
    for(x = 0; x < 5; x++)
    {
        $('#new_posts tbody').append('<tr class="forumnewposts"><td><div class="forumpostwidth"><a target="_blank" href="http://www.habboxforum.com/showthread.php?t='+threads[x].threadid+'">'+threads[x].title+'</a></div></td><td><div class="forumuserwidth">'+threads[x].poster+'</div></td></tr>');
    }
</script>
<table id="new_posts"><tbody></tbody></table>

HTML

<div id="latestforumposts"></div>
于 2012-08-14T10:00:55.470 に答える