![]() ├□サイト 1 ……
│├□太陽風ДζΨΠ∀ ……
││├ JavaScript DHTML XML応用 ……
││├ Web Radio Station ……
││├ トップナビバー28 ……
││├ ツリーメニュー15a ……
││├ タブメニュー12g1 ……
││├ 折り畳みリスト3ci ……
││├ 折り畳みメニュー7a_fr ……
││├ ソート3 ……
││├ サウンドプレイヤー2a ……
││├ データベース5 ……
││└ サイト内検索 ……
│├□サイト 12 ……
││├ サイト 121 ……
││├ サイト 122 ……
││├ サイト 123 ……
││├ サイト 124 ……
││├ サイト 125 ……
││├ サイト 126 ……
││├ サイト 127 ……
││└ サイト 128 ……
│├□サイト 13 ……
││├ サイト 131 ……
││├ サイト 132 ……
││├ サイト 133 ……
││├ サイト 134 ……
││├ サイト 135 ……
││├ サイト 136 ……
││├ サイト 137 ……
││└ サイト 138 ……
│└□サイト 14 ……
├□サイト 2 ……
│├□サイト 21 ……
││├ サイト 211 ……
││├ サイト 212 ……
││├ サイト 213 ……
││├ サイト 214 ……
││├ サイト 215 ……
││├ サイト 216 ……
││├ サイト 217 ……
││└ サイト 218 ……
│├□サイト 22 ……
││├ サイト 221 ……
││├ サイト 222 ……
││├ サイト 223 ……
││├ サイト 224 ……
││├ サイト 225 ……
││├ サイト 226 ……
││├ サイト 227 ……
││└ サイト 228 ……
│├□サイト 23 ……
││├ サイト 231 ……
││├ サイト 232 ……
││├ サイト 233 ……
││├ サイト 234 ……
││├ サイト 235 ……
││├ サイト 236 ……
││├ サイト 237 ……
││└ サイト 238 ……
│└□サイト 24 ……
├□サイト 3 ……
│├□サイト 31 ……
││├□サイト 311 ……
│││├ サイト 3111 ……
│││├ サイト 3112 ……
│││├ サイト 3113 ……
│││├ サイト 3114 ……
│││├ サイト 3115 ……
│││├ サイト 3116 ……
│││├ サイト 3117 ……
│││├ サイト 3118 ……
│││└ サイト 3119 ……
││├□サイト 312 ……
│││├ サイト 3121 ……
│││├ サイト 3122 ……
│││├ サイト 3123 ……
│││├ サイト 3124 ……
│││├ サイト 3125 ……
│││├ サイト 3126 ……
│││├ サイト 3127 ……
│││├ サイト 3128 ……
│││└ サイト 3129 ……
││└□サイト 313 ……
│└□サイト 32 ……
│ ├□サイト 321 ……
│ │├ サイト 3211 ……
│ │├ サイト 3212 ……
│ │├ サイト 3213 ……
│ │├ サイト 3214 ……
│ │├ サイト 3215 ……
│ │├ サイト 3216 ……
│ │├ サイト 3217 ……
│ │├ サイト 3218 ……
│ │└ サイト 3219 ……
│ ├□サイト 322 ……
│ │├ サイト 3221 ……
│ │├ サイト 3222 ……
│ │├ サイト 3223 ……
│ │├ サイト 3224 ……
│ │├ サイト 3225 ……
│ │├ サイト 3226 ……
│ │├ サイト 3227 ……
│ │├ サイト 3228 ……
│ │└ サイト 3229 ……
│ └□サイト 323 ……
├□サイト 4 ……
│├ サイト 41 ……
│├ サイト 42 ……
│├ サイト 43 ……
│├ サイト 44 ……
│├ サイト 45 ……
│├ サイト 46 ……
│├ サイト 47 ……
│└ サイト 48 ……
└□サイト 5 ……
|
ホーム へ サンプルページ ツリーメニュー 19 tree19.htm
ツリーメニュー、編集容易。 DHTML。 メニュー、ハイパーリンクなどのカスタマイズはテキストエディターなどで可。 all 対応。 コピー、編集し、簡単にWebで応用できまっ、(^ ^)。
< ご使用方法 >
・ ローカル(=PC)への保存は、tree19.htm を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。 ※: 変わってしまったファイル名や、*.html 中のパスは要修正。
・ このDHTMLの実装方法は、tree19.htm をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、 <head> 〜 </head> の任意の行間に (*1)を、さらに <body> 〜 </body>の任意の行間に (*2) をペーストします。
・ 編集方法は、hogehoge.html を WordPad や SmipleTextなどのテキストエディター、あるいは ”FrontPage Express” などのホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。 下記の(例) (*1) と、(*2) を参考に太字部分の編集を任意に行います。 ※: テキストエディターによる編集は、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。
・ 作動テストは、ローカル(PC)に保存し、 Internet Explorer 8.x〜 などで開いて。 更新の確認は、ie、Safariやサーバーからのキャッシュデーター更新を、目的のページを表示し ieで [F5]キー を押し最新データ読み込みで行います(≠再アクセス)。
・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像、*.jsなども転送/配置し実施。 ※:別ディレクトリーに配置時は、*.html 中のパスは要修正。 FTPなどで変わったファイル名は要修正。 スクリプト構文中への改行混入は非作動原因。
・ 関連情報 : 色記号6、2、スタイルシートリファレンス、ホームページ開設入門が便利!。 Web Development、Web開発、MSDN IE8 HTMLとCSS、開発ツールでサイトを修正、スクリプト デバッグの概要、HTMLとCSSのサポート、CSSの改良点、IE7、IE6、XML、DHTML。
(*1) : tree19.htm (例) 挿入先の <head> 〜 </head> の、〜 部分にペーストします。
HTMLの編集方法 | (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
〔この列ペースト不要〕
シフトJIS使用(削除不可) ieなどに表示するアイコンファイル名(削除可)
<style type= 〜
</style>は(削除可)
リンクを新しいWinで開くを標準(削除可)※:target= いろいろ
ツリー配色 |
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <link REL="SHORTCUT ICON" href="favicon.ico"> <style type="text/css"><!--
<base target="_blank"> <title>サンプルページ ツリーメニュー 19</title> <!-- ☆ ---------- ↓ この間をコピー、編集、ペーストします。
---------- --> ==== この間、説明を省略。 ==== } |
(*2) : tree19.htm (例) 挿入先の <body> 〜 </body> の、〜 部分にペーストします。
HTMLの編集方法 | (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
〔この列ペースト不要〕
※:<body> 部の編集 吹き出し 背景画像 以下、同様。
右DIVの位置設定。
右DIVの終端、末尾に記述。 |
<body onload="init()" style="padding:px"
topmargin="5" leftmargin="5" marginheight="5"
marginwidth="5"> ==== この間、説明を省略。 ==== <div> └<a href="http://www./……/xxx.html"> サイト 58</a> <i>……</i></div> 任意HTMLを記述します。 ==== この間、説明を省略。 ==== <!-- ★ ----- 右DIVの終端、末尾に ↓ を記述します。 ---------- --> |
< 補足 > 適時参照あれ!。