menu_101
| ※サンプルは現在このサイトのメニュー部分（上部）で使用しております。 |
| 目 次 | |
| 1 | 概要 |
| 2 | 機能一覧およびダウンロード |
| 3 | 設置およびカスタマイズ方法 |
| 4 | ローカル環境での動作確認について |
| 5 | 補足事項 |
１．概要
主な特徴
- 複数のページで共有できるＦＬＡＳＨメニューです。
- メニュー名、リンク、ビジュアルなどの設定はすべて１つの外部xmlデータで指定できます。
- 以上より、１つのXMLで簡単に、さらに複雑なカスタマイズは１つのFLASHのみの修正で更新が非常に簡単にできます。
- 現在のページ（カレントページ）のＵＲＬを取得して、メニュー表示に反映します。（ｊａｖａｓｃｒｉｐｔを使用）
| 制作ソフト | FLASH MX Professional 2004 (for win) |
| パブリッシュ設定 | Flash Player Ver 6 |
| ActionScript 1.0 |
２．機能一覧およびダウンロード
フリー版とシェア版の機能比較とダウンロード
項目 |
フリー版 |
シェア版 |
| メニュー全体： 背景色・透明度変更 |
○（xmlで修正可能） |
○ |
| 各メニュー： メニューの色変更 |
○ (xml) |
○ |
| 各メニュー： 標準状態の背景色・透明度変更 |
○ (xml) |
○ |
| 各メニュー： カレントの背景色・透明度変更 |
○ (xml) |
○ |
| スライダー： 背景色・透明度変更 |
○ (xml) |
○ |
| メニュー数 | ×（メインとサブ 各最大５ *1） |
○（flaファイルカスタマイズ） |
| 文字フォント、サイズ、メニュー形状など | × *1 |
○（flaファイルカスタマイズ） |
| スライダー動作、速度など | × *1 |
○（flaファイルカスタマイズ） |
| xmlファイル名、設置位置 | × |
○ *2 |
| ソースファイル | ×（無し） |
○（有り） |
| 必要なアプリケーションソフト | 特になし |
FLASH MX Pro 2004 以上 |
| 著作権の表示（リンク表示） | 表示必要 |
表示不要 |
| 価格 | 0 円 |
4,980 円 |
| DL－Marketより購入 （※１） | ||
| Vectortより購入 | Vector(別窓) | Vector(別窓) |
Vector：解凍キー |
利用規定の最後に記載 | (Vectorより自動配布されます) |
| 備考 | *1：サンプル参照 |
*2：設置上の注意事項参照 |
（※１）Vector と DL_Market の違いについてはこちらを参照してください。 （ファイルの中身は同じものです。）
※いずれの場合もご利用の際は、「利用規定」をご確認ください。
３．設置およびカスタマイズ方法
設置方法
- htmlファイル、フォルダ構造の変更は、ダウンロードファイルを参考に修正してください。特に注意する点は下記です。
◇<head>タグ内のＦＬＡＳＨ表示用のjavascript 「flash006.js」 の相対パス。
<script type="text/javascript" src="/main/js/flash006.js" language="javascript"></script>
◇<ｂｏｄｙ>タグ内のjavascript 「flash006()」 関数内の相対パスおよびGET値（?マーク以降）
フリー版
<script language="javascript">
<!-- free_flash006('free_menu_101.swf',640,90); // -->
</script>
シェア版
<script language="javascript">
<!-- flash006('menu_101.swf',640,60); // -->
</script>
◇<noscript>タグ内に追記 ・・・フリー版のみ
<param name="FlashVars" value="authorUrl=http://www.area115.com/&target=_blank" />
<embed ～ FlashVars="authorUrl=http://www.area115.com/&target=_blank" />
XMLファイルのカスタマイズ（フリー版／シェア版共通）
- xmlフォルダ内の menu_101.xml をテキストエディターで開いて修正してください。修正後は文字コード utf-8 で保存してください。
（フリー版はｘｍｌフォルダ名、パス、xmlファイル名の変更はできません。） - 修正する場所は、色や透明度などビジュアルな部分は<common>タグ内です。
- 各メニューの表示テキストおよびリンク先は<menus>タグ内です。（htmlと同様の表記です。）
外部XMLファイル「menu_101.xml」
<?xml version="1.0" encoding="utf-8"?>
<menu_101 version="1.00">
<information>
<name>[fp1]menu_101.swf用データ</name>
<type>ActionScropt 1.0 によるFLASH用Parts。共通ＦＬＡＳＨメニュー</type>
<creationDate>2008.06.14</creationDate>
<author>FlashParts制作委員会</author>
<authorUrl>http://www.area115.com/</authorUrl>
<copyright>FlashParts制作委員会</copyright>
</information>
<!-- remark = "※以下※印の付いた文字列やremarkは説明文で変更または削除しても動作には影響しません。" -->
<common>
<!-- remark = "※メインメニュー全体の背景色／透明度" -->
<!-- remark = "※カラー color=""の場合背景色は変更されません。" -->
<!-- remark = "※透明度 alpha=0～1の場合0～100%（100倍）に変更されます。" -->
<bg color = "#000000" alpha = "1" />
<!-- remark = "※メインメニューテキストカラー" -->
<text color = "#ffffff" />
<!-- remark = "※各メインメニューの標準時背景色／透明度" -->
<normal color = "#00ffff" alpha = "0" />
<!-- remark = "※カレントページのメインメニューの背景色／透明度" -->
<current color = "#00ffff" alpha = "0.8" />
<!-- remark = "※スライダーの色／透明度／初期ｘ位置／速度0～1" -->
<slider color = "#ffffff" alpha = "0.5" x0 = "-200" speed = "0.3" />
<!-- remark = "※サブメニューテキストカラー" -->
<subtext color = "#333333" />
<!-- remark = "※各サブメニューの標準時背景色／透明度" -->
<subnormal color = "#0000ff" alpha = "0.1" />
<!-- remark = "※カレントページのサブメニューの背景色／透明度" -->
<subcurrent color = "#00ffff" alpha = "0.8" />
<!-- remark = "※サブスライダーの色／透明度／初期ｘ位置／速度0～1" -->
<subslider color = "#00ffff" alpha = "0.2" x0 = "2000" speed = "0.3" />
</common>
<menus>
<!-- remark = "※ swfファイルからの相対パスを設定してください。" -->
<!-- remark = "※ href="http://～" mce_href="http://～"（絶対パス）も使用できます。" -->
<!-- remark = "※ href="" mce_href=""（空欄）の場合、クリックしても機能しません。" -->
<!-- remark = "※ title = ""（空欄）の場合、表示しません。" -->
<a href="index.html" mce_href="index.html" target = "_self" title = "メイン１" >
<!-- remark = "※上記ページのサブメニューです。" -->
<a href="page_1/page_11/index.html" mce_href="page_1/page_11/index.html" target = "_self" title = "サブ１－１" />
<a href="page_1/page_12/index.html" mce_href="page_1/page_12/index.html" target = "_self" title = "サブ１－２" />
<a href="page_1/page_13/index.html" mce_href="page_1/page_13/index.html" target = "_self" title = "サブ１－３" />
</a>
<a href="page_2/index.html" mce_href="page_2/index.html" target = "_self" title = "メイン２" >
<a href="" mce_href="" target = "_self" title = "" />
<a href="page_2/page_21/index.html" mce_href="page_2/page_21/index.html" target = "_self" title = "サブ２－１" />
<a href="page_2/page_22/index.html" mce_href="page_2/page_22/index.html" target = "_self" title = "サブ２－２" />
</a>
～ 中略 ～
</menus>
</menu_101>
シェア版のカスタマイズ方法
- 構造はムービーエクスプローラーを参照してください。 ［ウインドウ］ ＞ ［ムービーエクスプローラー］ で表示されます。
詳しくは下記をご覧下さい。
ＦＡＱ：ソースファイル(.fla)の構造確認方法について
４．ローカル環境での動作確認について
Ｃ：以外のディレクトリで、フォルダ名（ディレクトリ名）は半角英数のみ使用してご確認ください。
| ルートディレクトリ | C: |
C: |
C:以外 *1 |
C:以外 |
| フォルダ名に半角英数文字以外の使用 （ルートのすべて） *2 |
無し |
有り |
無し |
有り |
| Internet Explorer ver 6 | 表示○ 動作× |
表示○ 動作× |
表示○ 動作○ |
表示○ 動作○ |
| FireFox ver 2.0 | 表示○ 動作× |
表示× 動作× |
表示○ 動作○ |
表示△ 動作△ |
| safari ver3.1 | 表示○ 動作× |
表示× 動作× |
表示○ 動作○ |
表示△ 動作△ |
| opera ver 9.26 | 表示○ 動作× |
表示× 動作× |
表示○ 動作○ |
表示△ 動作△ |
備考
|
||||
５．補足事項
メインのアクションスクリプトの主要なポイント
- ｓｗｆファイルが、様々なパス上にある複数のｈｔｍｌファイルより読み込まれても、１つのｓｗｆファイルおよびｘｍｌファイルで機能するようにする。このため、相対パ／絶対パスの変換の処理、文字列変換などを行う。
- カレントページ（現在表示中のアドレス）情報を得て、メニューの表示に反映させる。このため、ｊａｖａｓｃｒｉｐｔによるブラウザ情報の取得などを行う。（ｊａｖａｓｃｒｉｐｔをｏｆｆにしているとこれは機能しませんが、その他の動作には影響しません。）
- 極力ローカル上でもサーバー上と同様に動作するようにする。パスの文字列置換を行う。
- 相対パスの指定方法として、上位ディレクトリ（../）や同一ディレクトリ(./)にも対応する。
- 項目数を増やせるように、サブメニューも表示できるようにする。