私はこのWebサイトで「HTMLページをオンザフライで生成する」ことを見ましたが、そのほとんどは私の頭の中でした。「オンザフライで」HTMLページを変更する
私は喜んで助けたいと思う2つの部分の質問があります。
狭い縦型容器<div id=”counter”>
に数字1 ... <xx>
を記入したいと思います。 <xx>
は、ユーザーがカテゴリを選択することで、「オンザフライ」でフィルタリングされたデータベースのレコード数によって決定されます(SQLバックグラウンドはありません)。
例:カテゴリ1:1 .. 200 カテゴリ2:1 .. 6
これらの数値は、ユーザーがデータベースにコンテンツを追加することを許可したい(もちろん吟味されている)ので、時間とともに変化する可能性があります。
ウェブサイトのソースコードページ(Surgicalexam.comなどの類似したアイデア)を見たことがありますが、すべてがハードコードされており、カテゴリごとに異なるページです。
私はそれに似た性質の小さなウェブサイトを作成しました。すべての画像とリンクをハードコードしていますが、ここでは3000以上の画像を見ています。
私は、スタンドアロンのアプリケーションで何度もこのシナリオを作成しているし、過去の経験から、私が使用して<div>
に番号を印刷する•私は
にループを使用するJavaScriptのルーチンを作成することができ、おそらく思いましたgetelementbyID ()
。
•レコード番号、タイトル、およびイメージリンクを含む配列を入力します。
質問1:これは可能ですか、私は「死んだ馬」を打っていますか? 可能であれば、お寄せいただいたご提案を歓迎します。
パート2:
私の現在の考えは、ユーザーが任意の数の上にマウスを置いて、mouseover ()
するイベントが、適切な配列のレコードを読み取ると、ツールチップテキストとして<title>
が表示されますが発生する、ということです。
ユーザが数字をクリックすると、(まだ書いていない)関数が適切な配列レコードを読み込み、画像リンクを<a>
タグに添付し、その後適切な画像を画面に表示します。
質問2:質問1
私たちは常に新しいコーダーをサポートしてくれることを喜んでいますが、あなたはまず自分自身を助ける必要があります。 : - )***あなたが問題を抱えている場合は** [**もっと研究をしています**](https://meta.stackoverflow.com/q/261592/1011527)**あなたが試したことを投稿してください** **動作していないことの明確な説明**を提供し、[最小、完全、および検証可能な例](http://stackoverflow.com/help/mcve)を提供します。 [質問する](http://stackoverflow.com/help/how-to-ask)の良い質問をお読みください。 [ツアーに参加する](http://stackoverflow.com/tour)と[this](https://meta.stackoverflow.com/q/347937/1011527)を必ず読んでください。 –
*「これは可能ですか?」* ...絶対に。多くのシングルページアプリケーションでは、ページのソースコードに要素が1つしかありません。javscriptを使用してページをリロードせずに、1つのコンテナ内に巨大なルーティングアプリケーションをレンダリングします。 – charlietfl
ページが読み込まれたときに実際の数値を表示するか、ページのロード後の数字はロードされていますか? – AlvaHenrik