HTMLとの連携

Ajaxはホームページ制作にあたって非常に役立ち、クライアント側のHTMLファイルとサーバー間で通信を行う際にクライアント側のHTMLファイルとの各種連携を行う事が可能で、サーバーを通して読み込んだテキストファイルの内容を反映させるだけでなく、読み込んだファイルの内容をHTMLページ内の位置に表示することができます。まず表示するテキストをHTMLページ内のどこ位置に表示するかを指定するとともに、表示する領域を作ります。<body>内に<div id=”disp”></div>を挿入し、この間に読み込んだ後にテキストを置き換えする事で表示させます。後でノードを取得する為の識別子として<div>要素にはIDが設定されており、置き換える方法はDOMを用いて対象となるノードを取得します。「innerHTML」プロパティで値を置換え、サーバーからファイルを読み込んだタイミングで変更後のテキストを「var node=document.getElementByld(“disp”); node.innerHTML=”変更後のテキスト”;」で表示させるように実行します。DOMとは「Document Object Model」の略です。またラジオボタンの利用も可能で、選択した項目に酔って異なる動作を行う事が可能です。HTMLページ内に記述されたラジオボタンの値をJavaScriptで取得し、DOMを使用して各ラジオボタンにIDを指定して個別に値を取得します。ラジオボタンと同様にチェックボックスやセレクトメニューの利用も可能で、チェックボックスはラジオボタンとやり方は同じで、JavaScriptとDOMを使用します。セレクトメニューもほぼ同じですが、ラジオボタンやチェックボックスとは違い、各メニューに設定した値を取得する事ができるので「var selectgame = document.getElementByld(“game”9.value;」を挿入します。さらにテキストボックスの利用も可能で、テキストボックスに入力した値を使って動作を行う事で、ダイレクトに表示させる事が可能です。テキストボックスhセレクトメニューの設定のやり方とほぼ同じで、テキストボックスにファイル名を入力する事でフォームのボタンをクリックして入力されたファイル名のファイルをサーバーから読み込み、HTMLページ内の指定の場所の書き換えを行います。

ホームページ制作会社　一覧

ホームページ制作東京: ホームページ制作会社のフューチャーは、東京都の品川区でホームページ制作を格安で行っております。お打ち合わせは、東京、千葉、神奈川、埼玉まで無料でお伺い致します。
WEBディレクター: ホームページ制作会社の現役ＷＥＢディレクターがためにＷＥＢ制作、ディレクションについて語ります。
ホームページ制作会社の営業日記: ホームページ制作会社の営業人がホームページ制作の現場をリアルに伝えます。
ホームページ制作基礎知識: ホームページ制作会社の窓口である事務員がＷＥＢの基礎知識を書いています。
ＷＥＢコーダー: ホームページ制作会社に必ず必要なプロのＷＥＢコーダーが惜しげもなく、テクニックを公開しています
ＷＥＢコンサルタント: ホームページ制作の受注をとるためには、ＷＥＢコンサルタントがお客様のご要望を正確に吸い上げる必要があります。
そんな体験談でしたらこちらを参考下さい。

HTMLとの連携についての説明です。