質問編集履歴

3

求める機能の追記

2018/11/11 12:38

投稿

arukuhito
arukuhito

スコア13

test CHANGED
File without changes
test CHANGED
@@ -17,6 +17,12 @@
17
17
  ```
18
18
 
19
19
  としたいということです。
20
+
21
+
22
+
23
+ 追記
24
+
25
+ そして、それと同時にテキストエリアが選択されている状態になってほしいです。
20
26
 
21
27
 
22
28
 

2

リンク追加

2018/11/11 12:38

投稿

arukuhito
arukuhito

スコア13

test CHANGED
File without changes
test CHANGED
@@ -35,6 +35,16 @@
35
35
  ### 該当のソースコード
36
36
 
37
37
  ```JavaScript
38
+
39
+ /**
40
+
41
+ * 「これにレス」機能
42
+
43
+ *
44
+
45
+ * @link http://ugokay01.wpblog.jp/wordpress-2ch-like-res-link/
46
+
47
+ */
38
48
 
39
49
  (function () {
40
50
 

1

タグの追加、コード記入

2018/11/11 08:27

投稿

arukuhito
arukuhito

スコア13

test CHANGED
File without changes
test CHANGED
@@ -34,7 +34,83 @@
34
34
 
35
35
  ### 該当のソースコード
36
36
 
37
+ ```JavaScript
38
+
39
+ (function () {
40
+
41
+ var
42
+
37
- 他者著作なので伏せておきます。
43
+ // 設定
44
+
45
+ selResFormLink = '.comment-form-link' // 返信リンクのjQueryセレクタ
46
+
47
+ , selForm = '#respond' // コメントフォームのjQueryセレクタ(form要素)
48
+
49
+ , selComment = '#comment' // コメント本文のjQueryセレクタ(textarea要素)
50
+
51
+ , strResAnchor = '※' // レスアンカーの開始文字列(複数指定は不可)
52
+
53
+ , flagScroll = false // スムーズスクロール(true:する、false:しない)
54
+
55
+ , flagBack = true // ジャンプ先から戻れるようURLを履歴に残す(true:する、false:しない)
56
+
57
+
58
+
59
+ // その他変数
60
+
61
+ , jqResFormLink // 返信リンクのjQueryオブジェクト
62
+
63
+ , jqForm // コメントフォームのjQueryオブジェクト
64
+
65
+ , jqComment // コメント本文のjQueryオブジェクト
66
+
67
+ ;
68
+
69
+
70
+
71
+ // jQueryオブジェクトを取得
72
+
73
+ jqResFormLink = $(selResFormLink); // 返信リンク
74
+
75
+ jqForm = $(selForm); // コメントフォーム
76
+
77
+ jqComment = $(selComment); // コメント本文
78
+
79
+
80
+
81
+ // 返信リンクのイベントにバインド
82
+
83
+ jqResFormLink
84
+
85
+ .on('click', function(eventObject) {
86
+
87
+ if (flagScroll) { // スムーズスクロールの判定
88
+
89
+ $('body, html').animate({scrollTop: jqForm.offset().top}, 200); // スムーズスクロール
90
+
91
+ }
92
+
93
+ if (!flagBack) { // 戻るフラグの判定はスムーズスクロールの後に行う(移動を伴うため)
94
+
95
+ $('body, html').scrollTop(jqForm.offset().top); // 表示位置変更
96
+
97
+ eventObject.preventDefault(); // a要素の動作を無効化
98
+
99
+ }
100
+
101
+ jqComment.val(jqComment.val() + strResAnchor + $(this).html()); // コメント本文の末尾にレスアンカー挿入
102
+
103
+ })
104
+
105
+ .attr('title', 'これにレス')
106
+
107
+ ;
108
+
109
+ }());
110
+
111
+ });
112
+
113
+ ```
38
114
 
39
115
 
40
116