質問編集履歴
7
タイトルを分かりやすく変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
テキストエリア内の入力文字
|
1
|
+
テキストエリア内の入力文字を別の場所に出力する際、内部リンクと外部リンクを区別し、同時に表示させたい
|
test
CHANGED
File without changes
|
6
不要なクラス名を削除
test
CHANGED
File without changes
|
test
CHANGED
@@ -36,13 +36,13 @@
|
|
36
36
|
|
37
37
|
<div id="txtinput" class="">
|
38
38
|
|
39
|
-
<textarea name="txt" rows="6"
|
39
|
+
<textarea name="txt" rows="6">外部リンクあああhttp://uxmilk.jp/ああああ内部リンク/www.pandanoir.info/entry/2012/09/06/224541いいいい</textarea>
|
40
40
|
|
41
41
|
</div>
|
42
42
|
|
43
43
|
<div id="datailBox">
|
44
44
|
|
45
|
-
<div class="
|
45
|
+
<div class="mainTxt__area"></div>
|
46
46
|
|
47
47
|
</div>
|
48
48
|
|
5
テキストエリアにサンプル文字追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -36,7 +36,7 @@
|
|
36
36
|
|
37
37
|
<div id="txtinput" class="">
|
38
38
|
|
39
|
-
<textarea name="txt" rows="6" class="elements_detailtxt2a"></textarea>
|
39
|
+
<textarea name="txt" rows="6" class="elements_detailtxt2a">外部リンクあああhttp://uxmilk.jp/ああああ内部リンク/www.pandanoir.info/entry/2012/09/06/224541いいいい</textarea>
|
40
40
|
|
41
41
|
</div>
|
42
42
|
|
4
コードをjquery読むだけで動くように修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,37 +34,31 @@
|
|
34
34
|
|
35
35
|
```HTML
|
36
36
|
|
37
|
-
<div id="txtinput">
|
37
|
+
<div id="txtinput" class="">
|
38
38
|
|
39
|
-
<textarea name="txt" rows="6" class="elements_detailtxt2a">
|
39
|
+
<textarea name="txt" rows="6" class="elements_detailtxt2a"></textarea>
|
40
40
|
|
41
|
-
|
41
|
+
</div>
|
42
42
|
|
43
|
-
|
43
|
+
<div id="datailBox">
|
44
44
|
|
45
|
-
|
45
|
+
<div class="floatL ml10 mainTxt__area w154"></div>
|
46
46
|
|
47
|
-
外部リンクhttp://uxmilk.jp/
|
48
|
-
|
49
|
-
</textarea>
|
50
|
-
|
51
|
-
</div>
|
47
|
+
</div>
|
52
48
|
|
53
49
|
```
|
54
50
|
|
55
51
|
```jQuery
|
56
52
|
|
53
|
+
//テキストエリアの処理
|
54
|
+
|
57
55
|
$('#txtinput').on('keyup', 'textarea', function() {
|
58
56
|
|
59
|
-
let
|
57
|
+
let elements_blocks_txtarea = $(document).find('#txtinput').find('textarea');
|
60
58
|
|
61
|
-
let
|
59
|
+
let elements_blocks_maintxtArea = $(document).find('#datailBox').find('.mainTxt__area');
|
62
60
|
|
63
|
-
let elements_blocks_txtarea = $(document).find('#txtinput .' + classVals3[1]).find('textarea');
|
64
|
-
|
65
|
-
let elements_blocks_maintxtArea = $(document).find('#datailBox .' + classVals3[1]).find('.mainTxt__area');
|
66
|
-
|
67
|
-
let cul = Number($(document).find('#txtinput
|
61
|
+
let cul = Number($(document).find('#txtinput').find('textarea').index(this));
|
68
62
|
|
69
63
|
let txtarea_txt = $(this).val();
|
70
64
|
|
@@ -72,7 +66,7 @@
|
|
72
66
|
|
73
67
|
let outerSerch,outerLink,innerLink,innerSerch;
|
74
68
|
|
75
|
-
|
69
|
+
|
76
70
|
|
77
71
|
//外部リンク内部リンクを振り分け
|
78
72
|
|
3
コードテキスト追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -32,7 +32,25 @@
|
|
32
32
|
|
33
33
|
### 該当のソースコード
|
34
34
|
|
35
|
+
```HTML
|
35
36
|
|
37
|
+
<div id="txtinput">
|
38
|
+
|
39
|
+
<textarea name="txt" rows="6" class="elements_detailtxt2a">
|
40
|
+
|
41
|
+
内部リンク/www.pandanoir.info/entry/2012/09/06/224541
|
42
|
+
|
43
|
+
外部リンクhttp://uxmilk.jp/
|
44
|
+
|
45
|
+
内部リンク/www.pandanoir.info/entry/2012/09/06/224541
|
46
|
+
|
47
|
+
外部リンクhttp://uxmilk.jp/
|
48
|
+
|
49
|
+
</textarea>
|
50
|
+
|
51
|
+
</div>
|
52
|
+
|
53
|
+
```
|
36
54
|
|
37
55
|
```jQuery
|
38
56
|
|
2
画像追加位置修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -22,9 +22,11 @@
|
|
22
22
|
|
23
23
|
- 現状「内部リンク」「外部リンク」など決まったテキストしか表示させられず、企業名やページリンクなど柔軟な入力ができない。
|
24
24
|
|
25
|
+
```
|
26
|
+
|
27
|
+
|
28
|
+
|
25
29
|
![イメージ説明](99925b005aeb0c27acf31ac254200a47.jpeg)
|
26
|
-
|
27
|
-
```
|
28
30
|
|
29
31
|
|
30
32
|
|
1
実際の画像を追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -21,6 +21,8 @@
|
|
21
21
|
- 内部リンクと外部リンクが同じテキストエリアに共存できない
|
22
22
|
|
23
23
|
- 現状「内部リンク」「外部リンク」など決まったテキストしか表示させられず、企業名やページリンクなど柔軟な入力ができない。
|
24
|
+
|
25
|
+
![イメージ説明](99925b005aeb0c27acf31ac254200a47.jpeg)
|
24
26
|
|
25
27
|
```
|
26
28
|
|