Dreamweaver CS3 には Spry 機能が組み込まれています。Spry に XML データを処理する機能があることは誰もが知っていますが、Spry の詳細な領域機能は珍しいようです。
Spry 詳細エリアは、ニュース システムのニュース リスト ページとメイン詳細ページの機能に似ています。たとえば、ニュースを見るとき、1 つのページにはすべてのニュースのタイトルのみが表示されます。タイトルに興味がある場合は、タイトルをクリックすると新しい Web ページが開き、ニュースの内容全体が表示されます。 。そして、全タイトルの一覧を表示するページを「トップページ」、特定のニュース内容を表示するページを「詳細ページ」と呼びます。
明らかに、このメイン詳細ページは少なくとも 2 ページでなければなりません。私たちが使用している Spry 詳細エリアは、更新せずに Web ページ上に表示できます。
1. 新しい Web ページを作成し、Spry XML データ セットをバインドします。
Webページの[挿入]パネルを開き、[Spry]タブの[Spry XML Data Set]をクリックします。
2. XML データ ソースを選択します
[Spry XML データ セット] ダイアログ ボックスが表示されます。 [XML ソース] には、ローカル ディレクトリ内の XML データまたはクロスドメイン リモート XML データを指定できます。
[スキーマの取得] ボタンをクリックし、[行要素] リスト ボックスで XML データ内の重要な繰り返し要素を選択します。 選択した「item」要素が表示されます (<> 記号の右上隅にある + 記号は複数のループを示します)。 )。
PS 純粋な XML データ集約ページを作成する場合は、[XML データ キャッシュを無効にする] を選択し、データを自動的に更新する時間を選択して、リモート データ同期を自動的に取得することもできます。
3. Spry テーブルを挿入し、Spry XML データをページに表示します
[挿入]パネルの[Spry]タブにある[Spry Table]ボタンをクリックし、ポップアップダイアログに表示する必要のない[列]を削除します。
行をクリックしたときに使用される「更新」詳細領域を選択することが重要です。
[OK] Spry テーブルを挿入し、Spry 領域を挿入する必要があることを示すメッセージが表示されます。すべての Spry XML データは Spry 領域に表示される必要があるためです。
4番目に、Spryの詳細エリアを挿入します。
まず、ページ内に挿入した「Spryテーブル」の後ろにマウスカーソルを合わせ、[挿入]パネルの[Spry]タブにある[Spry領域]ボタンをクリックし続けます。
ポップアップ ダイアログ ボックスで、現在の Spry 詳細領域が使用されていることを示すために、[タイプ] として「詳細領域」を選択する必要があります。
5. Spry の詳細エリアに「詳細」を挿入します。
Spry詳細エリアにマウスカーソルを置き、[バインディング]パネルを開き、「description」要素を選択してSpry詳細エリアに[挿入]します。
Web ページを保存すると、Spry エフェクト ファイルを保存するように求められます。アップロード時にこれらのファイルを忘れずにアップロードしてください。
6. プレビュー効果
ドメイン間でリモート XML データを表示し、各行のタイトルをクリックすると、更新せずに現在のページで表示するコンテンツが開きます。これは非常に優れています。