同じページで複数回テーブルを繰り返す

Question

PHP、CSSなどがたくさん入っているかなり複雑なHTMLテーブルがあり、それは約200行のコードで構成されています。私は私のウェブページ上の3つの異なる領域にテーブルを再現する必要があります。毎回200行のコードをコピー＆ペーストする必要がないように、2回目と3回目にテーブルを複製する最良の方法は何ですか？確かにこれを行うためのベストプラクティスが必要です。

Answer 1

インクルードファイルを使用して、テーブルを必要とする各ページにインクルードファイルへの参照を置くことができます。

<?php include("table.php"); ?> 

そしてW3Schoolsのからのより多くの情報をここで見つけることができます： http://www.w3schools.com/php/php_includes.asp

Answer 2

あなたはjQueryのを使用していますか？データはどこから発生していますか？それはハードコード化されているのか、データベースにありますか？あなたは私の意見では正しいです、静的なHTMLでコード化されたビュー（最初の場所）に200行のテーブルを追加するべきではありません。

あなたの問題の詳細なコンテキストと達成しようとしているものを提供してください。私はあなたにお手伝いします。

Answer 3

ここでは、データベースから情報を取得する場合にPHPを使用するソリューションを示します。これにより、DBから返される各結果の新しい行が作成されます。私は200ビットの情報を使ってデータベースを使っているとします。

希望はこれは何とかあなたを助け:)

編集：ただ、質問を再読み込み、船を跳んだがビットイム恐れ（謝罪）私は上記のポスターを示唆し、彼は方法:)

を含み

<table> 
    <tr> 

<?php 

    // create query and make them load so the most recent shows first 
    $query = "SELECT * FROM ourtable ORDER BY id DESC"; 

    // execute query 
    $result = mysql_query($query) or die ("Error in query: $query. ".mysql_error()); 

    while($row = mysql_fetch_row($result)) { 
     echo "<td>".$row[0]."</td>"; 

    }  
?> 
    </tr> 
</table> 

Answer 4

IDのテーブルの周りにdivラッパーを配置します。次に空のdivを他の場所に配置してください。

<script type="text/javascript" 
function dupTable() 
{ 
    str=document.getElementById('tableWrapper').innerHTML; 
    document.getElementById('dest1').innerHTML=str; 
    document.getElementById('dest2').innerHTML=str; 
} 
onload=dupTable; 
</script>