不具合や疑問などありましたら日記コメント、拍手、メールなどからお願いします
動作確認ブラウザ 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=");
| 0 | 1 | 2 | 3 |
変換対象 | #一生 | #ついていき | <!---->10代目 | :!! |
変換後デフォルト | ずっと | お傍にい | 十代目 | … |
使用するCookie | Na5 | Na9 | Na2 | Na7 |
ここでは部分変換HenkanAreaTest();をボタンで動作させています
#一生#ついていきます、10代目:!! ←10代目の前にコメント<!---->タグ有
※touroku.html でNa2,5,7,9それぞれに言葉を登録するとそれが適用されます