不具合や疑問などありましたら日記コメント、拍手、メールなどからお願いします

動作確認ブラウザ IE6,7、FireFox3.0.6、Safari3.2.1、Opera9.63(WinXP環境で確認)
右クリック→対象をファイルに保存などでダウンロード
touroku.html … Cookie登録ページサンプル
yume.js … スクリプトファイル
それぞれ1つのサイトに対して1つずつ用意して下さい

sample.html … 変換サンプルページ(任意でダウンロード)

touroku.htmlのソースを一部編集します

HEADの<SCRIPT language="JavaScript" SRC="yume.js"></SCRIPT>
『yume.js』はスクリプトファイルへのパスを書いて下さい
スクリプトファイル名をそのままで、同じフォルダに置く場合は変更の必要はありません

Cookieは10個まで登録可能、それぞれNa0〜Na9の名前を付けています
Na0の登録フォームなら <input id="na0" type="text">
inputタグとIDで識別しているので、その部分の変更や削除はしないで下さい。(上の赤字部分)

他のページのデザインは自由に変えてご利用下さい
登録フォームの使用数も1〜10個まで自由に設定できます。
(Na5とNa9だけ使用、他のCookieは別のページで登録なども可能)

・安全性向上等によりCookieには  < > , . ; : = # [ ' "  の記号は使用できません
・1つの名前の登録は30文字まで、それ以上入れても自動でカットされます
・DEL と入力して登録するとそのCookieが削除されます。


基本形
<html>
<head>
<title>変換ページサンプル</title>
<script language="JavaScript"><!--
//変換対象文字列
changeName = new Array("変換0", "変換1","変換2","変換3","変換4","変換5","変換6","変換7","変換8","変換9");
//デフォルト文字列
useName = new Array("デフォ0", "デフォ1","デフォ2","デフォ3","デフォ4","デフォ5","デフォ6","デフォ7","デフォ8","デフォ9");
//使うCookie名
useCookie = new Array("Na0=", "Na1=", "Na2=", "Na3=", "Na4=", "Na5=", "Na6=", "Na7=", "Na8=", "Na9=");
//--></SCRIPT>
<SCRIPT language="JavaScript" SRC="yume.js"></SCRIPT>
</head>
<body OnLoad="Henkan();">
<div ID="NovelArea">
 HenkanArea();の使用時に変換される部分
</div>
</body>
</html>
■HEAD部分のscriptタグで変換設定
changeName = new Array(〜); … 変換の対象にする文字列
useName = new Array(〜); … デフォルト文字列、Cookieを設定していないときに表示される内容
useCookie = new Array(〜);  … 使用するCookie、必ず Na0= のように『Na クッキー番号 =』の形式で
changeName、useName、useCookieそれぞれ同数設定

HEADの<SCRIPT language="JavaScript" SRC="yume.js"></SCRIPT>
『yume.js』はスクリプトファイルへのパスを書いて下さい
スクリプトファイル名をそのままで、同じフォルダに置く場合は変更の必要はありません

【変換設定の注意】
changeNameの変換の対象にありがちは単語を設定してしまうと、
変換するつもりのない単語まで変換されてしまいます。
また、利用者が入力したクッキーの内容も変換されるので作成者が気をつけても、
例えば変換対象を『ツナ』として、利用者がCookieで『セツナ』という名前を使った場合
セツナのツナの部分も変換対象になってしまいます。
これを防ぐため、Cookieに登録不可にしている#を利用して #ツナ にする
JavaScriptが使えない環境で見た目に記号が出てしまうのが嫌なら
コメントタグを使って <!---->ツナ など
他に使用されることがないようなものを設定して下さい


■bodyタグ内 OnLoad="〜" 〜の部分の書き換えで機能の変更ができます
Henkan();
ページ全体の内容を変換します

HenkanTest( );
ページ全体の変換での変換場所の確認
変換される部分に背景色がついて表示されます。こんな感じ

HenkanArea( );
<SPAN ID="NovelArea"></SPAN> や <DIV ID="NovelArea"></DIV>などで囲まれた部分のみ変換します
※IDは1ページにつき同じものを複数使用出来ないため、
現状では1ページあたり1箇所のみの指定になります。

HenkanAreaTest();
上記部分変換の確認用
変換される部分に背景色がついて表示されます。

例文は適当に流して下さい (^^;
//変換対象文字列
changeName = new Array("#一生", "#ついていき", "<!---->10代目", ":!!");
//デフォルト文字列
useName = new Array("ずっと", "お傍にい", "十代目", "…");
//使うCookie名
useCookie = new Array("Na5=", "Na9=", "Na2=", "Na7=");

 0123
変換対象#一生#ついていき<!---->10代目:!!
変換後デフォルトずっとお傍にい十代目
使用するCookieNa5Na9Na2Na7

ここでは部分変換HenkanAreaTest();をボタンで動作させています
#一生#ついていきます、10代目:!! ←10代目の前にコメント<!---->タグ有

touroku.html でNa2,5,7,9それぞれに言葉を登録するとそれが適用されます


- Labo TOP -