助け合い掲示板

[

【解決済み】ブログ機能で名前変換
by 藤

2021-10-02 10:24
ブログ機能で夢小説ブログ(Cookie記録型)のテンプレートを見つけたのですが、変換枠が1個しか無く枠を増やしたのですが、枠を名字・名前・カナと合計3個にしても全て名字の変換になります。
出来るなら名字・名前・カナと変換をしたいのですが可能でしょうか？

『ブログ機能の上部表示テキスト』に、以下のタグが入力してありました。
  <input type="text" name="text" id="NameInput" />  <input type="button" value="名前を保存する" id="NameChanger" />  <input type="button" value="削除" id="reset" />
 <div style="margin:20px 0;"> <span class="dname">デフォルト</span> </div>

・〈自分で試した事〉・
  <input type="text" name="text" id="NameInput" />
<input type="text" name="text" id="NameInput" />
<input type="text" name="text" id="NameInput" /> <input type="button" value="名前を保存する" id="NameChanger" />  <input type="button" value="削除" id="reset" /> <div style="margin:10px 0;"> <span class="dname">デフォルト</span> </div>
上記の様に入力、変換枠の長さも長過ぎると感じたので10にしましたが変化はありませんでした。

『HEAD・HTML詳細』

<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE,NOIMAGEINDEX,NOTRANSLATE">
<META NAME="HATENA" CONTENT="NODIFF,NOINDEX">

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript">
$(function(){
//Cookie呼び出し
if($.cookie("dreamname")){
$("span.dname").text($.cookie("dreamname"));
}
//Cookie保存(7日間)
$("#NameChanger").click(function(){
$.cookie("dreamname",$("#NameInput").val(),{ expires: 7 });
location.reload();
})
//Cookie削除
$("#reset").click(function(){
$.removeCookie("dreamname");
location.reload();
})
})
</script>

・HEAD、HTML・
どうして良いか分からず、書き換え等は一切しておりません。

『変換タグ』
<span class="dname">○○</span>
○○の部分にデフォルトの名前を書き、変換の名前を入力するとデフォルトが変換します。
・〈自分で試した事〉・
<span class="dname">○○</span>
<span class="dname2">○○</span>
<span class="dname3">○○</span>と数字を入れ、デフォルト名を変えました。

『全体レイアウト』に記載があったこと。
カスタマイズ用として、公式ブログテンプレートに必要なJavascriptを追加しただけのテンプレートです。
必要に応じてカスタマイズして下さい。サポートはしていませんので自己責任の上でお願いします。

jQueryとjQueryCookieを使用しています。
Javascriptの改変や、Javascriptを含めたデザインテンプレートの配布など、どうぞご自由にして下さい。
ナノだけでなくHTMLテンプレートや、Javascriptの使用やHEAD編集が禁止されていなければ色んなレンタルブログにも普通に使えます。

<b>補足</b>
・訪問者のアクセス環境がJavascript無効である場合は変換されません。
・改行をBRに「する」「しない」はどちらでも問題ありません。
・記事のプレビューではJavascriptは動作しませんので保存して確認して下さい。
・稼働サンプルは、<code style="background:#DDD;">http://nanos.jp/mqdesign/blog/17/</code> です。

<b>使い方</b>
1.このテンプレートを使う（必要に応じてカスタマイズして下さい）。
2.記事の中で <code style="background:#DDD;"><span class="dname">デフォルト名</span></code> を使う。
これだけで、訪問者が入力したデータ（お名前）が <code style="background:#DDD;"><span class="dname">デフォルト名</span></code> と置き換わります。</div>

ご存じの方がいらっしゃいましたら、ご教示いただけませんでしょうか？

pc
[編集]

[