0

さまざまな Facebook 投稿を Web サイトに埋め込むことができるように、スクリプトをセットアップしました。アイデアは、投稿をランダムに読み込み、ボタンをクリックすると別の投稿を読み込むというものです。ボタンをクリックすると、前の投稿は消えますが、呼び出した新しい投稿は表示されません。

誰でも光を当てることができますか？

Javascript:

var comps = new Array();

comps[0] = "\"https://www.facebook.com/permalink.php?story_fbid=10151746360309352&id=9212109351\"";

comps[1] = "\"https://www.facebook.com/photo.php?fbid=10202149995929199&set=a.3217789641447.156870.1167545588&type=1\"";

var firstLine = "<div id=\"fb-root\"></div>";

var secondLine = "<div class=\"fb-post\" data-href=";

var thirdLine = " data-width=\"550\"></div>";

var randomComp = firstLine + secondLine + comps[Math.floor(Math.random()* comps.length)] + thirdLine;

window.onload=function(){

document.getElementById('compsContainer').innerHTML = randomComp;
}

function changeComp(){

document.getElementById('compsContainer').innerHTML = randomComp;
}

HTML:

    <div id="compsContainer">



    </div>

    <input type='button' onclick='changeComp()' value='Change Comp'/>
4

2 に答える 2

0

HTMLページに他のボタンがない場合。これを試してください、うまくいきます。

<input type='submit' onsubmit='changeComp()' value='Change Comp' />
于 2013-11-01T20:45:37.440 に答える
0

onlick='' を onclick='javascript:changeComp()' に変更しますか?

わかりました、私はあなたの質問を誤解しています。

これを試して：

function newFunction(){
    var comps = new Array();

    comps[0] = "\"https://www.facebook.com/permalink.php?story_fbid=10151746360309352&amp;id=9212109351\"";

    comps[1] = "\"https://www.facebook.com/photo.php?fbid=10202149995929199&amp;set=a.3217789641447.156870.1167545588&amp;type=1\"";

    var firstLine = "<div id=\"fb-root\"></div>";

    var secondLine = "<div class=\"fb-post\" data-href=";

    var thirdLine = " data-width=\"550\"></div>";

    var randomComp = firstLine + secondLine + comps[Math.floor(Math.random()* comps.length)] + thirdLine;

    return randomComp;

}

window.onload=function(){

    document.getElementById('compsContainer').innerHTML = newFunction();
}




function changeComp(){



document.getElementById('compsContainer').innerHTML = newFunction();
}

changeComp を呼び出すと、実行されません。

var randomComp = firstLine + secondLine + comps[Math.floor(Math.random()* comps.length)] + thirdLine;

したがって、randomComp は空になります。

（更新しました）

于 2013-11-01T20:40:40.803 に答える