PHPやCSSなどをたくさん含むかなり複雑なhtmlテーブルがあり、約200行のコードで構成されています。Webページの3つの異なる領域で表を再現する必要があります。毎回200行のコードをコピーして貼り付ける必要がないように、2回目と3回目にテーブルを複製するための最良のアプローチは何ですか?確かに、これを行うためのベストプラクティスが必要です。
4 に答える
インクルードファイルを使用して、テーブルが必要な各ページにインクルードファイルへの参照を配置できます。
<?php include("table.php"); ?>
そして、w3schoolsからのより多くの情報はここで見つけることができます: http ://www.w3schools.com/php/php_includes.asp
jQueryを使用していますか?データはどこから発信されますか?ハードコーディングされていますか、それともデータベースにありますか?私の意見ではあなたは正しいです。静的HTMLでコード化された200行のテーブルを(そもそも)ビューに追加してはいけません。
あなたの問題とあなたが成し遂げようとしていることについての詳細な文脈を提供してください。私はあなたを助けようとします。
データベースから情報を検索する場合は、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>
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>