質問編集履歴

1

ソースコードの一覧とエラー内容の追記

2021/10/04 23:40

投稿

putaro
putaro

スコア9

test CHANGED
File without changes
test CHANGED
@@ -79,3 +79,147 @@
79
79
  ```
80
80
 
81
81
  エラーメッセージの様なものはなく自分では解決方法が見つけられませんでした。
82
+
83
+
84
+
85
+ ### ※追記 サブウィンドウ側のコード
86
+
87
+ ```ejs
88
+
89
+ <!DOCTYPE html>
90
+
91
+ <html>
92
+
93
+ <head>
94
+
95
+ <meta charset="UTF-8">
96
+
97
+ <!--BootstrapのCSS読み込み-->
98
+
99
+ <!--<link rel="stylesheet" href="/plugin/css/bootstrap.min.css" />-->
100
+
101
+ <!-- BootstrapのJS読み込み -->
102
+
103
+ <!--<script src="/plugin/js/bootstrap.min.js"></script>-->
104
+
105
+ <script src="/plugin/jquery-3.6.0.min.js"></script>
106
+
107
+ </head>
108
+
109
+ <body>
110
+
111
+ <div class="container" id="setting">
112
+
113
+ <form id="form" name="form">
114
+
115
+ <div class="form-group">
116
+
117
+ <label class="form-label">軸の選択</label>
118
+
119
+ <div class="form-check form-check-inline">
120
+
121
+ <input class="form-check-input" type="checkbox" name="axis" value="x">
122
+
123
+ <label class="form-check-label" for="checkbox1">x</label>
124
+
125
+ </div>
126
+
127
+ <div class="form-check form-check-inline">
128
+
129
+ <input class="form-check-input" type="checkbox" name='axis' value="y">
130
+
131
+ <label class="form-check-label" for="checkbox2">y</label>
132
+
133
+ </div> <div class="form-check form-check-inline">
134
+
135
+ <input class="form-check-input" type="checkbox" name="axis" value="z">
136
+
137
+ <label class="form-check-label" for="checkbox3">z</label>
138
+
139
+ </div>
140
+
141
+ </div>
142
+
143
+ <div class="form-group">
144
+
145
+ <label class="form-label">表示方法の選択</label>
146
+
147
+ <div class="form-check form-check-inline">
148
+
149
+ <input class="form-check-input" type="radio" name="pattern" value="multi">
150
+
151
+ <label class="form-check-label" for="inlineRadio1">multi</label>
152
+
153
+ </div>
154
+
155
+ <div class="form-check form-check-inline">
156
+
157
+ <input class="form-check-input" type="radio" name="pattern" id="inlineRadio2" value="row">
158
+
159
+ <label class="form-check-label" for="inlineRadio2">row</label>
160
+
161
+ </div>
162
+
163
+ </div>
164
+
165
+ <div class="mb-3">
166
+
167
+ <div id="button">
168
+
169
+ <p for="graph">グラフ作成</p>
170
+
171
+ <input type="button" class="btn btn-outline-primary" id="graph" onclick="onGraph()" value="時系列" />
172
+
173
+ <input type="button" class="btn btn-outline-primary" id="freq" value="周波数" />
174
+
175
+ </div>
176
+
177
+ </div>
178
+
179
+ <div class="form-group">
180
+
181
+ <p for="LPF">LPF</p>
182
+
183
+ <input class="form-text" type="text" id="lowpassform" name="lowpassfilter" value=20>
184
+
185
+ <input class="btn btn-outline-primary" type="button" id="filter" value="ローパスフィルター" />
186
+
187
+ <label id="formhelp" class="form-text">フィルタ[Hz]を入力してください</label>
188
+
189
+ </div>
190
+
191
+ </form>
192
+
193
+ </div>
194
+
195
+ <p>cccc</p>
196
+
197
+ <script>
198
+
199
+ <!--確認用-->
200
+
201
+ $("p").css("color", "red");
202
+
203
+ </script>
204
+
205
+ <!--イベントのjsファイル-->
206
+
207
+ <script src="/javascripts/readTree.js"></script>
208
+
209
+ </body>
210
+
211
+ </html>
212
+
213
+
214
+
215
+ ```
216
+
217
+ ### エラー表示
218
+
219
+ FireFoxだとサブウィンドウにもWeb開発ツールが開くことができました。しかしイベントと一緒に入れているjsTreeに関するエラーしか報告されていませんでした。
220
+
221
+ ```
222
+
223
+ Uncaught TypeError: $(...).jstree is not a function
224
+
225
+ ```