運営ブログ_ドラクエ10の冒険をサポートするサイトdq10as.net

2018/08/07 00:16:24

プレゼントのじゅもんのページちゃん

プレゼントのじゅもんのページちゃん追加しました。

内部的にはテスト版からまた少し変えまして
ボタンでコピーではなく、マウスでコピーしたいときに
トリプルクリップで選択しやすいようにしました。
　
発端はサクサクコピペできたら良いよねだったりしますが、
また別の機能で遊びたくてってのもありまして、
そちらはまだ手つかずだったりしますが、そのうち遊びます。
あと追加できる機能もね。

プレゼントのじゅもんのページちゃん：2018/08/07 00:16:24：アーカイブ

2018/08/05 10:41:28

済みスタンプ

は！
気づいたらこんな画像作ってました！
こんなの作らないでも絶対フリー素材で良いんですよ
使うかどうかもあやしいのに

済の漢字見過ぎてゲシュタルト崩壊

済みスタンプ：2018/08/05 10:41:28：アーカイブ

2018/08/05 09:10:24

ボタンをクリックしてコピーするjqueryの解説 2

～～～解説～～～

前回ありましたjqueryの1行目は特に必要なさそうでしたので削除しました。

▶▶$(".copy2").on("click",function(){
Classのcopy2をクリックしたら発火します

▶▶$(this).prev("label").children("input").prop("checked", true);
ボタンをクリックしたらチェックを付けます。
入力したかどうか忘れちゃう私向けの機能ですね。
別scriptでローカルストレージに保存します。
クリックした直前にあるlabelの中のinputという指定ですが、
もう少しうまく書けないものですかね。

▶▶var range = document.createRange();
▶▶range.selectNodeContents( $(this).next("span").get(0) );
選択する要素の設定です。
$(this).next("span").get(0)
つまりクリックした次のspanがその場所ですね
ここら辺はもうだいたい固定の関数でしょう

▶▶var selection = window.getSelection();
▶▶selection.removeAllRanges();
▶▶selection.addRange(range);
選択している部分です。

▶▶document.execCommand("Copy");
コピーする関数です。
固定ですね。

前回との違いは選択を変えてチェックボックスを一方通行で連動させただけですね。

ボタンをクリックしてコピーするjqueryの解説 2：2018/08/05 09:10:24：アーカイブ

2018/08/02 16:50:17

今日書きましたスクリプトに

チェックなつだげんきだ
チェックおけしょうおためし
チェックほねあんどざびーすと
チェックあかいのいっぱい
チェックよちよちヨッチぞく
チェックぐるぐるまわすぜ
モバイル環境ではinputを選択するとソフトキーボードが起動しちゃうんですね。
ちょっと気に食いませんでしたので、要素を選択するように少し改良しました。
あと何を作っているかわかりやすくしました。
といいますがすでに機能はします。たぶん
あとは装飾と、データベースに入力と、出力と、チェックをローカルストレージに記憶ですね。
DB入力は誰でも出来るようにしようかなと思っています。(ザ・人任せ
後もう少し機能を付けようと思ってます。

今日書きましたスクリプトに：2018/08/02 16:50:17：アーカイブ

2018/08/01 23:17:39