サンプルページ　　UserData（ビヘイビアによる入力データの永久化）

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　UserData　　user_data.htm

IE5.5を使った、Webﾍﾟｰｼﾞ上で編集可能なﾍﾟｰｼﾞの作成。　　　UserData ﾋﾞﾍｲﾋﾞｱによる入力ﾃﾞｰﾀｰの保存（ｺﾝﾃﾝﾂの永遠化機能）。　　　　 window.onBeforeUnload ｲﾍﾞﾝﾄﾊﾝﾄﾞﾗが、ﾕｰｻﾞｰが入力したｺﾝﾃﾝﾂを記憶、後でそのﾍﾟｰｼﾞに戻ると window.onLoad ｲﾍﾞﾝﾄﾊﾝﾄﾞﾗがｺﾝﾃﾝﾂを復元します。（64KB/ﾍﾟｰｼﾞ）　　　　　　DHTML/CSS。　　　　　Internet Explorer5.5～対応。　　　　　ｺﾋﾟｰ、編集して制作者の情報を反映、簡単にWebで応用可能。

ﾃﾞﾓは、ﾎﾞﾀﾝの下にﾄﾞｷｭﾒﾝﾄをﾀｲﾌﾟｲﾝや、画像のﾍﾟｰｽﾄで　”らくがき” し、[保存] ﾎﾞﾀﾝを押さえ、このﾍﾟｰｼﾞを閉じて何処へ出かけて戻り、このﾍﾟｰｼﾞをｱｸｾｽし ”らくがき” が出現する、を見ます。　　ﾊｲﾊﾟｰﾘﾝｸは、Ctrl+K　ｷｰで。[実装]ﾎﾞﾀﾝで消去したﾃﾞｰﾀｰを復活！。　　　♪└|∵|┘～*　　　ieの設定やﾛｰｶﾙで作動するが、Webにｱｯﾌﾟﾛｰﾄﾞ・閲覧で非作動時や、HTA・HTC使用時は、【Internet Explorer】- [ﾂｰﾙ] - [互換表示設定] - [追加するWebｻｲﾄ] - [追加] - [互換表示に追加したWebｻｲﾄ] - [so-net.ne.jp（例）]なども、お試しあれ！。　関連・詳細情報：互換表示・設定で。

<ご使用方法>

・　ﾛｰｶﾙ（=PC）への保存は、　user_data.htm　を右ｸﾘｯｸします。　　　[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 -……、などで行います。　　※1:ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は多少ある）。　　　 ※2:hogehoge.html ：制作者が名付けた挿入先ﾌｧｲﾙの総称。

　・　このDHTMLの実装方法は、user_data.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などで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

(*1) ：　 user_data.htm　（例）　　　　　　挿入先の　<head> ～ </head>の、～部分にﾍﾟｰｽﾄします。

HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

==== この間､説明を省略｡ ====

foo.innerHTML = "";

}

</script>

(*2) ：　 user_data.htm（例）　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

ﾎﾞﾀﾝ文字

ｻｲｽﾞ

</p>