私は helpspread.com でこのプロジェクトに取り組んでいます。すべてがほぼ完了しました。次に、ログインしているユーザーのホームページにフィードを生成する必要があります。これにより、アイテムが投稿されたときにアイテムのライブ更新を取得できます。ID は MySQL データベースで自動インクリメントされるため、私は彼らが最後に見たアイテムの ID を保存し、それを使用して、保存された ID より大きい ID のアイテムをデータベースに照会します。数秒後、同じことを行い、コンテンツをページに書き込みます。
このインターバル クエリを実行するページは iframe であり、div の ID に基づいて親フレームに書き込みます。
各クエリの後に id を動的に変更しない場合、これは div のコンテンツを置き換えます。だから私は、データベースから見た最後のアイテムのIDからdiv IDを生成するというアイデアを思いつきました
しかし、次の問題は、それらがネストされていることです。例はこれです:
のページがあります
<div id='new-feed-1367862865'>new item goes here</div>
私はこれでiframeを持っています
<script type="text/javascript">
var output_feed="<div id='new-feed-1367862872'>next new item will come here</div>New";
parent.document.getElementById('new-feed-1367862865').innerHTML=output_feed;
</script>
最後に、次のようなものが得られます: Nested divs
<div id="new-feed-1367864332"><div id="new-feed-1367864461"><div id="new-feed-1367864581"><div id="new-feed-1367864701"><div id="new-feed-1367864821"><div id="new-feed-1367864942"><div id="new-feed-1367865062"><div id="new-feed-1367865182"><div id="new-feed-1367865302"><div id="new-feed-1367865422"></div></div></div></div></div></div></div></div></div></div>
これは表示に問題を引き起こしませんが、特定の div にデータを追加するだけで、そのコンテンツを置き換えない、これを行うためのより良い方法はありますか?