メニュー 1

メニュー 11

世界地理 > 世界の6大州   Google Earth Google マップ

メニュー 111 A

  afghanistan   åland islands   albania   algeria   american samoa   andorra   angola   anguilla   antigua and barbuda   argentina   armenia   aruba   australia   austria   azerbaijan

メニュー 112 B

  bahamas   bahrain   bahrain   barbados   belarus   belgium   belize   benin   bermuda   bhutan   bolivia   bosnia and herzegovina   botswana   bouvet island   brazil   british indian ocean territory   brunei darussalam   bulgaria   burkina faso   burundi

メニュー 113 C

  cambodia   cameroon   canada   cape verde   cayman islands   central african republic   chad   chile   china   christmas island   cocos (keeling) islands   colombia   comoros   congo   congo, the democratic republic of the   cook islands   costa rica   côte d'ivoire   croatia   cuba   cyprus   czech republic

メニュー 114 D

  denmark   djibouti   dominica   dominican republic

メニュー 12

メニュー 121 E

  ecuador   egypt   el salvador   equatorial guinea   eritrea   estonia   ethiopia

メニュー 122 F

  falkland islands (malvinas)   faroe islands   fiji   finland   france   french polynesia   french southern territories

メニュー 123 G

  gabon   gambia   georgia   germany   ghana   gibraltar   greece   greenland   grenada   guadeloupe   guam   guatemala   guinea   guinea-bissau   guyana

メニュー 124 H

  haiti   honduras   hong kong   hungary

メニュー 13

メニュー 131 I

  iceland   india   indonesia   iran, islamic republic of   iraq   ireland   israel   italy

メニュー 132 J

  jamaica   japan   jordan

メニュー 133 K

  kazakhstan   kenya   kiribati   korea, democratic people's republic of   korea, republic of   kuwait   kyrgyzstan

メニュー 134 L

  lao people's democratic republic   latvia   lebanon   lesotho   liberia   libyan arab jamahiriya   liechtenstein   lithuania   luxembourg

メニュー 135 M

  macao   macedonia, the former yugoslav republic of   madagascar   malawi   malaysia   maldives   mali   malta   marshall islands   martinique   mauritania   mauritius   mayotte   mexico   micronesia, federated states of   moldova, republic of   monaco   mongolia   montserrat   morocco   mozambique   myanmar

メニュー 136 N

  namibia   nauru   nepal   netherlands   netherlands antilles   new caledonia   new zealand   nicaragua   niger   nigeria   niue   norfolk island   northern mariana islands   norway

メニュー 137 O

  oman

メニュー 138 P

  pakistan   palau   palestinian territory, occupied   panama   papua new guinea   paraguay   peru   philippines   pitcairn   poland   portugal   portugal

メニュー 2

メニュー 21

メニュー 211 Q

  qatar

メニュー 212 R

  romania   russian federation   rwanda

メニュー 213 S

  saint helena   saint kitts and nevis   saint lucia   saint pierre and miquelon   saint pierre and miquelon   samoa   san marino   sao tome and principe   saudi arabia   senegal   serbia and montenegro   seychelles   seychelles   singapore   slovakia   slovakia   solomon islands   somalia   south africa   south georgia and the south sandwich islands   spain   sri lanka   sudan   suriname   swaziland   sweden   switzerland   syrian arab republic

メニュー 213 T

  taiwan, province of china   tajikistan   tanzania, united republic of   thailand   timor-leste   togo   tokelau   tonga   trinidad and tobago   tunisia   turkey   turkmenistan   turks and caicos islands   tuvalu   tuvalu

メニュー 214 U

  ukraine   united arab emirates   united kingdom   united states   united states minor outlying islands   uruguay   uzbekistan

メニュー 215 V

  vanuatu   venezuela   viet nam   virgin islands, british   virgin islands, u.s.

メニュー 216 W

  wallis and futuna   western sahara

メニュー 217 Y

  yemen

メニュー 218 Z

  zambia   zimbabwe

メニュー 22

メニュー 221

……

メニュー 222

……

メニュー 223

……

メニュー 224

……

メニュー 225

……

メニュー 226

……

メニュー 227

……

メニュー 228

……

メニュー 23

メニュー 231

……

メニュー 232

……

メニュー 233

……

メニュー 234

……

メニュー 235

……

メニュー 236

……

メニュー 237

……

メニュー 238

……

メニュー 3

メニュー 31

メニュー 311

……

メニュー 312

……

メニュー 313

……

メニュー 314

……

メニュー 32

メニュー 321

……

メニュー 322

……

メニュー 323

……

メニュー 324

……

メニュー 33

メニュー 331

……

メニュー 332

……

メニュー 333

……

メニュー 334

……

メニュー 4

メニュー 41

メニュー 411

……

メニュー 412

……

メニュー 413

……

メニュー 414

……

メニュー 42

メニュー 421

……

メニュー 422

……

メニュー 423

……

メニュー 424

……

メニュー 43

メニュー 431

……

メニュー 432

……

メニュー 433

……

メニュー 434

……

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ホーム へ       サンプルページ  ツリーメニュー 32a  tree32a.htm

ツリーメニュー、コンテンツタイトルに連動したツリー名を自動生成、項目番号(T,1,a 〜 \,9,z)は自動付与 、DIVにスクロールバー付き、前回展開状態を再現。      DHTML。      コンテンツなどのカスタマイズはテキストエディターなどで可 、ツリーはコンテンツ〔<h1>……<h4>〕から自動生成。    all 対応。     コピー、編集し、簡単にWebで応用できまっ、(^ ^)。    関連・詳細情報 : 国旗 1

 

< ご使用方法 >

 ・ ローカル(=PC)への保存は、tree32a/をクリック開いたホルダーで、tree32a.htm、00334410.js、00334411.js、00334412.js、00334410.css(配置、フォント)、00334411.css、*.gif を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。   ※: 変わってしまったファイル名や、*.html 中のパスは要修正。   

 ・ このDHTMLの実装方法は、tree32a.htm をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、 <head> 〜 </head> の任意の行間に (*1)を、さらに <body> 〜 </body>の任意の行間に (*2) をペーストします。

 ・ 編集方法は、hogehoge.html をテキストエディター、あるいは ”FrontPage Express” などのホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。    下記の(例) (*1) と、(*2) を参考に太字部分の編集を任意に行います。   ※: テキストエディターによる編集は、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。

 ・ 作動テストは、ローカル(PC)に保存し、 Internet Explorer 8.x〜 などで開いて。    更新の確認は [F5]キー を押し、サーバーやブラウザーのキャッシュクリアー、最新データ読み込み(≠再アクセス)で行います。

 ・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像、*.jsなども転送/配置し実施。  ※:別ディレクトリーに配置時は、*.html 中のパスは要修正。   FTPなどで変わったファイル名は要修正。    スクリプト構文中への改行混入は非作動原因。

 ・ 関連情報 : 色記号62スタイルシートリファレンスホームページ開設入門が便利!。   Web DevelopmentWeb開発MSDN IE8 HTMLとCSS開発ツールでサイトを修正スクリプト デバッグの概要HTMLとCSSのサポートCSSの改良点IE7IE6XMLDHTML

(*1) : tree32a.htm (例)         挿入先の  <head> 〜 </head> の、 部分にペーストします。

 HTMLの編集方法   (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕   

シフトJIS使用(削除不可)

ieなどに表示するアイコンファイル名(削除可)

<style type= </style>は(削除可)
(*1)〜(*3)表タイトル背景

body 文字色 背景色 下線
ハイパーリンク 〃
表示済みの〃
マウスオーバー時の〃
クリック中の〃
フォント

 

リンクを新しいWinで開くを標準(削除可)※:target= いろいろ
同じフレーム=_self、ページ全体=_top、親フレーム=_parent
お気に入り、タスクバーに表示するページ名(≠ファイル名)

 

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ  ツリーメニュー 32a</title>

<!-- ☆ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<link rel="stylesheet" href="00334410.css" type="text/css" media="screen">
<link rel="stylesheet" href="00334411.css" type="text/css" media="screen">
<style type="text/css">

====  この間、説明を省略。  ====

<script type="text/javascript" src="00334410.js"></script>
<script type="text/javascript" src="00334411.js"></script>
</script>
<script type="text/javascript" src="00334412.js"></script>
<script type="text/javascript">
window.onload = initTocMaker;
</script>
<!-- ☆ ----------- ↑ この間をコピー&ペーストします。 ------------ -->

 

(*2) tree32a.htm (例)        挿入先の  <body> 〜 </body> の、 部分にペーストします。

 HTMLの編集方法   (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

※:<body> 部の編集 背景 リンク 表示済みリンクンク アクティブリンクの各色(任意値)

 

 

 

任意コンテンツ開始

コンテンツタイトルに連動したツリー名を自動生成
任意コンテンツ 国旗やハイパーリンク

以下、同様。

 

 

任意コンテンツ終わり

 

<body bgcolor="#F9F8F9" link="#54006C" vlink="#62000D" alink="#00FFFF">

<!-- ★ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<!--webbot bot="HTMLMarkup" startspan -->
<!-- ■ ---- 位置調整のためのDIV有りは、 ↓ この間をコピー&ペーストします。 -->
<!--               表示枠位置     表示枠サイズ        座標              表示枠背景色 -->
<div style="font:normal  ……  #E2E2E7 1px solid;">
<div id="toc_pane">
<div id="toc_pane_inner">
<!-- Empty DIV - will be filled dynamically --></div>
</div>
<div id="content_container">
<!-- 任意コンテンツ開始  -->
<div class="content_page">
<h1>メニュー 1</h1>
<p></P>
<h2>メニュー 11</h2>
<p></P>
<h3>メニュー 111 A</h3>
<p> <a href = "http://www.google.co.jp/search …… ="11" border="0" /> american samoa</a>

====  この間、説明を省略。  ====

</div>

<!-- 任意コンテンツ終わり -->
</div>
</div>
<!-- ■ ---- 位置調整のためのDIV有りは ↑ この間をコピー&ペーストします。 -->
<!--webbot bot="HTMLMarkup" endspan -->
<!-- ★ ----------- ↑ この間をコピー&ペーストします。 ------------ -->
 

 

< 補足 >    適時参照あれ!。

 ・ Wordpad によるHTMLソース(タグ)を見ながらの直接編集方法。