2017-12-28 7 views
0

私はこの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

+4

私たちは常に新しいコーダーをサポートしてくれることを喜んでいますが、あなたはまず自分自身を助ける必要があります。 : - )***あなたが問題を抱えている場合は** [**もっと研究をしています**](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)を必ず読んでください。 –

+0

*「これは可能ですか?」* ...絶対に。多くのシングルページアプリケーションでは、ページのソースコードに要素が1つしかありません。javscriptを使用してページをリロードせずに、1つのコンテナ内に巨大なルーティングアプリケーションをレンダリングします。 – charlietfl

+0

ページが読み込まれたときに実際の数値を表示するか、ページのロード後の数字はロードされていますか? – AlvaHenrik

答えて

0

の繰り返しIは、ウェブサイトのソースコードのページ数表示したが、彼らはすべてのハードコーディングされたと区別されてきた(同様のアイデアの例をSurgicalexam.com。)カテゴリごとのページ数。

どうしてそんなことが分かりますか? PHPコードはサーバー上で実行されるため、PHPコードは表示されません。それがハードコードされているかどうかを知る方法はありません。

回答: 可能です。

これを正しく理解していれば、データベースから一部のデータを読み込み、ユーザーが何かをクリックするとさらにデータを読み込みたいのですか?

あなたは二つのことにsplittにこれを持っている:あなたはあなたのJavaScript(および/またはCSS3)を必要とするライブ、視覚的なフィードバックをしたい場合はデシベル(サーバー側)

  • からPHPと

    • データのロード変更を行う。 (クライアント側)

    可能な解決策の1つは、PHP(多分RESTのような)でAPIを作成し、そのAPIをJavaScriptで呼び出すことです。

    PHPですべてを行うこともできますが、クリックするたびにウェブサイトをリロードする必要があります。 PHPはOn-The-Flyの変更を行うことはできません。

    まず、Web開発の基本を学ぶ必要があります。

    さらに重要:ウェブプログラミングを学ぶことに決めた場合は、セキュリティについても学びます。たとえば、クロスサイトスクリプティングやSQLインジェクションなどです。クライアントからのデータ(JavaScriptなど)を信頼しないでください。

  • +0

    多くのおかげでaligator – philfr

    関連する問題