Csspalette

20 August 2014

小説機能以外で名前変換する

  • 特定の文字列をテキストボックスに入力した文字に置換するだけの簡易ドリーム機能です。本文にはスクリプトタグが必要ありませんので、既に公開している小説にも簡単に対応させる事ができます。
  • Cookieを残さないので、アクセス毎・ページ毎に変換が必要になります。
  • 訪問者のアクセス環境がJavascriptが無効だと変換できません。
  • 改行を<br>に「しない」に設定して下さい。

デモ


カルメン

芥川龍之介「カルメン」青空文庫より
作中の「イ/イ/ナ」が変換されます。(このスラッシュは変換防止です。)
 僕等がダンチェンコと話したりしたのは恐らくはこの幕合だったのであろう。
 次の幕も僕等には退屈だった。しかし僕等が席についてまだ五分とたたないうちに外国人が五六人ちょうど僕等の正面に当る向う側のボックスへはいって来た。しかも彼等のまっ先に立ったのは紛れもないイイナ・ブルスカアヤである。イイナはボックスの一番前に坐り、孔雀くじゃくの羽根の扇を使いながら、悠々と舞台を眺め出した。のみならず同伴の外国人の男女と(その中には必ず彼女の檀那の亜米利加人も交っていたのであろう。)愉快そうに笑ったり話したりし出した。
「イイナだね。」
「うん、イイナだ。」
 僕等はとうとう最後の幕まで、――カルメンの死骸を擁したホセが、「カルメン! カルメン!」と慟哭するまで僕等のボックスを離れなかった。それは勿論舞台よりもイイナ・ブルスカアヤを見ていたためである。この男を殺したことを何とも思っていないらしい露西亜のカルメンを見ていたためである。
再変換はページをリロード(更新/再読み込み/F5)する必要があります。

テンプレート

スクリプト

<script>
function NameChanger(){
document.body.innerHTML = document.body.innerHTML.split('夢子').join(document.ChangeForm.NameInput.value);
}
</script>
子ページの場合:スクリプトを<head></head>または<body></body>に挿入する。
拍手・ブログの場合<head></head>に挿入すると各記事共通で使用できます。記事毎にデフォルト名を変える場合は記事内(拍手の場合:ありがとう画面)に挿入します。

フォームタグ

<form name="ChangeForm">
<input type=text size="20" name="NameInput" value="">
<input type="button" onClick="NameChanger()" value="変換して読む">
</form>
子ページの場合:フォームタグを<body></body>の表示したい箇所に挿入する。
拍手の場合・ブログの場合:全体レイアウトに挿入すると各画面共通で使用できます。

解説ほか

スクリプト内に設定した夢子という文字列をページ内のすべての文章から探して、テキストボックスに入力された内容に置換するという仕組みです。変換しない場合とJavascript無効の時は、そのまま表示されますのでデフォルト名の扱いになります。

再変換はページをリロード(更新/再読み込み/F5)する必要があります。
一度置換するとスクリプトで設定したデフォルト名が存在しなくなるためです。一度のアクセスで何回も変換することは考慮していません。

Cookieを使用しませんので、変換したいページにはスクリプトとフォームタグの両方が必要です。アクセス毎・ページ毎に変換が必要になります。他のページで変換してもデータは引き継がれませんし、CookieのようにPC(などのアクセス媒体)にもデータは残りません。※ブラウザのオートコンプリート(自動補完)機能は除く。

デフォルト名には注意が必要です。
デフォルト名を名前とした場合、ページ内に「あなたの名前は?」という会話があったとして、”名前”という文字列まで変換されてしまいますし、デフォルト名をまいとした場合、「変換されてしまいます」の「まい」がテキストボックスに入力した内容に変換されるわけです。Javascript無効の場合は変換されずデフォルト名のまま表示されますので、読みやすく、名前らしいデフォルト名が適切と思いますが、誤変換を回避する目的として本文には使われない漢字などを用いたデフォルト名をおすすめします。

ご利用にあたって、スクリプトを改変したり、テンプレに使用(再配布)するなどご自由にしていただけますが、サポートは一切していません。リンクや使用報告、著作権表記は不要です。テンプレに使用する際は、使用テンプレとしてこちらからもご紹介させて頂きたいのでリンク(http://nanos.jp/mqdesign/)してもらえると嬉しいです。

※置換方法が異なりますが「タグの部屋」さんでも「文字置き換え(夢小説)」を公開されています。ページ内すべてから探すのではなく<span class="name">置き換え前の文字</span>のように、.class指定するタイプです。誤変換が気になる方にはこちらをおすすめします。
New entry
    人気急上昇中のBL小説
    BL小説 BLove
    - ナノ -