teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

求める機能の追記

2018/11/11 12:38

投稿

arukuhito
arukuhito

スコア13

title CHANGED
File without changes
body CHANGED
@@ -9,6 +9,9 @@
9
9
  ```
10
10
  としたいということです。
11
11
 
12
+ 追記
13
+ そして、それと同時にテキストエリアが選択されている状態になってほしいです。
14
+
12
15
  ### 発生している問題・エラーメッセージ
13
16
 
14
17
  ```

2

リンク追加

2018/11/11 12:38

投稿

arukuhito
arukuhito

スコア13

title CHANGED
File without changes
body CHANGED
@@ -17,6 +17,11 @@
17
17
 
18
18
  ### 該当のソースコード
19
19
  ```JavaScript
20
+ /**
21
+ * 「これにレス」機能
22
+ *
23
+ * @link http://ugokay01.wpblog.jp/wordpress-2ch-like-res-link/
24
+ */
20
25
  (function () {
21
26
  var
22
27
  // 設定

1

タグの追加、コード記入

2018/11/11 08:27

投稿

arukuhito
arukuhito

スコア13

title CHANGED
File without changes
body CHANGED
@@ -16,8 +16,46 @@
16
16
  ```
17
17
 
18
18
  ### 該当のソースコード
19
+ ```JavaScript
20
+ (function () {
21
+ var
19
- 他者著作なので伏せておきます。
22
+ // 設定
23
+ selResFormLink = '.comment-form-link' // 返信リンクのjQueryセレクタ
24
+ , selForm = '#respond' // コメントフォームのjQueryセレクタ(form要素)
25
+ , selComment = '#comment' // コメント本文のjQueryセレクタ(textarea要素)
26
+ , strResAnchor = '※' // レスアンカーの開始文字列(複数指定は不可)
27
+ , flagScroll = false // スムーズスクロール(true:する、false:しない)
28
+ , flagBack = true // ジャンプ先から戻れるようURLを履歴に残す(true:する、false:しない)
20
29
 
30
+ // その他変数
31
+ , jqResFormLink // 返信リンクのjQueryオブジェクト
32
+ , jqForm // コメントフォームのjQueryオブジェクト
33
+ , jqComment // コメント本文のjQueryオブジェクト
34
+ ;
35
+
36
+ // jQueryオブジェクトを取得
37
+ jqResFormLink = $(selResFormLink); // 返信リンク
38
+ jqForm = $(selForm); // コメントフォーム
39
+ jqComment = $(selComment); // コメント本文
40
+
41
+ // 返信リンクのイベントにバインド
42
+ jqResFormLink
43
+ .on('click', function(eventObject) {
44
+ if (flagScroll) { // スムーズスクロールの判定
45
+ $('body, html').animate({scrollTop: jqForm.offset().top}, 200); // スムーズスクロール
46
+ }
47
+ if (!flagBack) { // 戻るフラグの判定はスムーズスクロールの後に行う(移動を伴うため)
48
+ $('body, html').scrollTop(jqForm.offset().top); // 表示位置変更
49
+ eventObject.preventDefault(); // a要素の動作を無効化
50
+ }
51
+ jqComment.val(jqComment.val() + strResAnchor + $(this).html()); // コメント本文の末尾にレスアンカー挿入
52
+ })
53
+ .attr('title', 'これにレス')
54
+ ;
55
+ }());
56
+ });
57
+ ```
58
+
21
59
  ### 試したこと
22
60
 
23
61
  JavaScriptなので\nを入れれば改行できるとは思うのですが、どこに入れればいいかがわかりませんでした。