メッセージの編集
タイトル
お名前
本文
ブログ機能で夢小説ブログ(Cookie記録型)のテンプレートを見つけたのですが、変換枠が1個しか無く枠を増やしたのですが、枠を名字・名前・カナと合計3個にしても全て名字の変換になります。 出来るなら名字・名前・カナと変換をしたいのですが可能でしょうか? 『ブログ機能の上部表示テキスト』に、以下のタグが入力してありました。 <!--名前変換用フォームここから--><!--formで囲う必要はありません--> <!--入力--> <input type="text" name="text" id="NameInput" /> <!--登録ボタン--> <input type="button" value="名前を保存する" id="NameChanger" /> <!--削除ボタン--> <input type="button" value="削除" id="reset" /><!--名前変換用フォームここまで--> <!--表示サンプルここから--><!--class名"dname"の要素が置き換わります--> <div style="margin:20px 0;"> <span class="dname">デフォルト</span> </div><!--表示サンプルここまで--> ・〈自分で試した事〉・ <!--名前変換用フォームここから--><!--formで囲う必要はありません--> <!--入力--> <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" /><!--名前変換用フォームここまで--><!--表示サンプルここから--><!--class名"dname"の要素が置き換わります--> <div style="margin:10px 0;"> <span class="dname">デフォルト</span> </div><!--表示サンプルここまで--> 上記の様に入力、変換枠の長さも長過ぎると感じたので10にしましたが変化はありませんでした。 『HEAD・HTML詳細』 <!--avoiding search--> <META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW,NOARCHIVE,NOIMAGEINDEX,NOTRANSLATE"> <META NAME="HATENA" CONTENT="NODIFF,NOINDEX"> <!--for responsive device--> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"> <meta name="format-detection" content="telephone=no"> <!--名前変換用HEADここから--> <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ここまで--> ・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> ご存じの方がいらっしゃいましたら、ご教示いただけませんでしょうか?
編集パス
編集
記事削除
×
「#エロ」のBL小説を読む
BL小説 BLove
- ナノ -