JavaScriptを使用してFusion Tablesをクエリし、ランダムな項目を3つ選択してください

-1

私はFusion Tablesを使用して、私のGoogleドライブ写真へのURLを保存しています。JavaScriptを使用してFusion Tablesをクエリし、ランダムな項目を3つ選択してください

私はJavaScriptを使用してすべてのURLを取得し、データからランダムに選択した3つの項目を持つテーブルを作成します。

私は下に追加し、私は3枚の最初の写真を見てみましょうコードが...私は

contentStr += "<td><img src=" + randomElement[j]+"></td>";

にライン

contentStr += "<td><img src=" + item[j]+"></td>";

を切り替えることを試みたが、それは動作しません。誰も私を喜ばせることができますか？

<head> 
    <title>Test</title> 
    </head> 
    <body> 
    <div id="content"></div> 
    <script> 
    function handler(response) { 
     var maxFoto = response.rows.length 
     var contentStr = "<table>"; 
     for (var i = 0; i < 3; i++) { 
     var item = response.rows[i]; 
      var randomFoto = Math.floor(Math.random()*maxFoto); 
      var randomElement = item[randomFoto]; 
     contentStr += "<tr>"; 
     for (var j = 0; j < item.length; j++) { 
      contentStr += "<td><img src=" + item[j]+"></td>"; 
     } 
     contentStr += "</tr>"; 
     } 
     contentStr += "</table>"; 
     document.getElementById("content").innerHTML = contentStr; 
    } 
    </script> 
    <script src="https://www.googleapis.com/fusiontables/v2/query?sql=SELECT%20Link%20FROM%20MYidTABLE&key=MYKEY&callback=handler&viewable=true"></script> 
    </body> 
</html>

出典

2016-06-13 Blacktea

こんにちは、どうしましたか？コンソールにエラーがありますか？回答を得るには、できるだけ具体的なものにしてください。 – saml

私のお詫び - レビューキューでは、答えが分かりにくいです:) – saml

私は自分自身に答えを与える...以下のコードは完璧に動作！

<html> 
    <head> 
    <title>Test</title> 
    </head> 
    <body> 
    <div id="content"></div> 
    <script> 
    function handler(response) { 
     var maxFoto = response.rows.length 
     var contentStr = "<table>"; 
     for (var i = 0; i < 3; i++) { 
     var randomFoto = Math.floor(Math.random()*maxFoto); 
     var item = response.rows[randomFoto]; 
     contentStr += "<tr>"; 
     for (var j = 0; j < item.length; j++) { 
      contentStr += "<td><img src=" + item[j]+"></td>"; 
     } 
     contentStr += "</tr>"; 
     } 
     contentStr += "</table>"; 
     document.getElementById("content").innerHTML = contentStr; 
    } 
    </script> 
    <script src="https://www.googleapis.com/fusiontables/v2/query?sql=SELECT%20Link%20FROM%20MYTABLEID&key=MYKEY&callback=handler&viewable=true"></script> 
    </body> 
</html>

出典

2016-06-20 18:24:33 Blacktea

JavaScriptを使用してFusion Tablesをクエリし、ランダムな項目を3つ選択してください

答えて

関連する問題