A.htmlの中にB.htmlのコードを読み込ませて表示させる。
というような操作がしたいのですが、
A.htmlでB.htmlで使用するcssとjsを読み込んでいるのがだめなのか
A.htmlを開くと一瞬表示されてそのあと全ページがB.htmlになってしまいます。
(cssはうまく読み込まれていない状態)
これはやはり構成が問題でうまく読み込めていないのでしょうか?
構成としては以下のようになります
/view
|--- A.html (css/A&B.css js/A&B.js include/B.html)
|
|--- /include
| └--- B.html
|
|--- /css
| └--- A&B.css
|
|--- /js
| └--- A&B.js
includeはjqueryを使用して処理しています。
【A.html】
javascript
1<script type="text/javascript"> 2 $(function() { 3 $(".search").load("include/B.html"); 4 }); 5 6</script>
html
1<div class="search"></div>
【B.html】
html
1<div class="y-scroll"> 2 <div class="y-hidden"> 3 <table class="y-data"> 4 <colgroup> 5 <col style='width:10%;'> 6 <col style='width:25%;'> 7 <col style='width:25%;'> 8 <col style='width:25%;'> 9 <col style='width:16px;'> 10 </colgroup> 11 <script type="text/javascript"> 12 var text = timeTable(); 13 for (var i = 0; i < text.length; i++) { 14 document.write(text[i]); 15 } 16 </script> 17 </table> 18 </div> 19 </div>
【B.js】
javascript
1function timeTable() { 2 var tagF = "<tr><th>"; 3 var tagE = "</th><td></td><td></td><td></td><td></td></tr>"; 4 var text = []; //htmlに表示させるタグ(完成系) 5 var minute = [':00', ':30']; 6 7 var count = 0; 8 for (var hour = 0; hour <= 24;) { 9 text.push(tagF + hour + minute[count] + tagE); 10 count++; 11 if (count == 2) { 12 count = 0; 13 hour++; 14 } 15 } 16 return text; 17 }
至らない点もございますがよろしければご教授ください。
回答1件
あなたの回答
tips
プレビュー