HTML5 左メニュー全体のインクルドはできましたが、左メニューの特定パーツ(BOX:プールダウンメニュー)のみインクルドできないものか調べましたが、分かりません。
HTMLにお詳しい方どうぞご教授宜しくお願い致しますm(__)m
※参:画像
<!DOCTYPE html>
<!-- 省略 -->
<!-- インクルドjs -->
<script src="content2.js"></script>
</head>
<body>
<!-- 省略 -->
<!-- 省略 -->
<!-- 左メニュー -->
<div class="content1">
BOX①
</div>
<!-- 左メニューBOX② -->
<div class="content2">
<!-- ●インクルドさせたい● -->
<script>include("content2"); </script>
<p>インクルドHTMLは別に用意:content2.html</p>
</div>
左メニューの省略「BOX②のパーツ」のみ、インクルド化する方法はありますでしょうか?
サイトを色々調べましたが、左メニュー特定BOX(プールダウンメニュー)だけのインクルド化は分かりませんでした。
※また色々試しましたが、左メニューが「横並び」になります。
<div class="content2">
CSS、HTMLの記述の問題ありかと思っております。
HTML・CSSにお詳しい方、
2カラム・左メニュー縦並びで「BOX②のみインクルド化」する方法があるようでしたら、是非宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
こんにちは
「インクルド」はインクルード(=include)のことであろうと解釈しました。
質問文には情報がほとんどないので、何ともですけれど・・
>「BOX②のパーツ」のみ、インクルド化する方法はありますでしょうか?
javascriptを用いて行なおうとしているのでしょうか?
いずれにしろ、BOX②(=.content2 かな?)の内容だけ外部から読み込むようにすれば良いです。
「content2.js」なるものの内容が不明ですが、「指定要素に読み込んだ内容をセットする」ものになっているとするならば、そのままでできると思いますので、できないという事はスクリプトの内容と使い方が合ってないという事でしょう。
あるいは、スクリプト自体がトンチンカンなのかも知れません。
(内容が不明なので、わかりません)
>「BOX②のパーツ」
と言っているのが、「BOX②」のことではなく、更にその一部と言う意味なら、その部分の包含要素のみ記述しておいて、スクリプトでその内容を置き換えれば良いですね。
同じことを対象を変えて行うだけと言えます。
(包含要素なしでもできますが、一般化しにくくなります)
>※また色々試しましたが、左メニューが「横並び」になります。
「左メニュー」全体は意図通りに配置できているものとします。
BOXと称しているものはDIV要素になっているので、デフォルトでは縦並びになるはずです。
(素のHTML記述のみであれば、縦並びになるという意味です)
ですので、質問者様が「横並びになるように設定している」ものと考えられます。
BOXを装飾しているCSS等でレイアウトに関するものを順に外してみれば、どれが悪さをしているかわかるでしょう。
(親要素にflexを指定しているとかかもしれません)
ソース長くなり、短い情報でとても分かりやすい回答誠にありがとうございます。
BOX②は外部からの読み込みにしております。
おしゃる通りflex 辺りを見直してみたいと思います。
更に色々試し、できない場合短いソースを記述して改めて質問します。
似たタイトルで質問しますので、ご教授宜しくお願い致しますm(__)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
餃子を食べるとき、何をつけますか?
みんな大好き餃子。 ふと素朴な疑問ですが、餃子には何をつけて食べますか? 王道は醤油とお酢でしょうか。
-
大人になっても苦手な食べ物、ありますか?
大人になっても、我慢してもどうしても食べれないほど苦手なものってありますよね。 あなたにとっての今でもどうしても苦手なものはなんですか?
-
「これはヤバかったな」という遅刻エピソード
寝坊だったり、不測の事態だったり、いずれにしても遅刻の思い出はいつ思い出しても冷や汗をかいてしまいますよね。
-
自分のセンスや笑いの好みに影響を受けた作品を教えて
子どもの頃に読んだ漫画などが その後の笑いの好みや自分自身のユーモアのセンスに影響することがあると思いますが、 「この作品に影響受けてるな~!」というものがあれば教えてください。
-
ギリギリ行けるお一人様のライン
おひとり様需要が増えているというニュースも耳にしますが、 あなたが「ギリギリ一人でも行ける!」という場所や行為を教えてください
-
javascriptを使ってラジオボタンで本文の内容を切り替えたいです
JavaScript
-
CSSでinputのテキストカラーを変えたのですがパソコンで確認すると色が変わっているのですがiPh
HTML・CSS
-
Webサイトのビデオプレーヤーについて
オープンソース
-
-
4
javaScriptのコードの修正をお願いします。
JavaScript
-
5
BASIC認証のフォームをデザインしたい
PHP
-
6
プログラミングのやり方ざっくりでいいから教えて
その他(プログラミング・Web制作)
-
7
返信機能のツリー構造の深さをライブドアブログのように無限にすることは可能でしょうか?
PHP
-
8
c++の勉強方法を教えてくださいプログラミングをやった事がなく1から勉強を始めようと思います1日1時
C言語・C++・C#
-
9
テーブルのセルデータを自動改行させずに、はみ出た部分は切り捨てたい
HTML・CSS
-
10
CSSについて教えてください。 こちらのサイトを参考にしているのですが、ナンバーを自動で付けているの
HTML・CSS
-
11
iOSのみダブルタップが必要
JavaScript
-
12
<!DOCTYPE html>あってますか?↑
HTML・CSS
-
13
ブラウザ自体の事じゃなくてJavaScriptで書かれたブラウザ上で動作するアプリのことをなんといい
JavaScript
-
14
PHPでこのコード自体に意味は無いんですけど、上のifと下のifの違いってなんですか?個人的には下の
PHP
-
15
めちゃきれい
CGI
-
16
CSSデータの作成方法について(FTP内)
HTML・CSS
-
17
コードを書いて下さい( ; ; )写真有り
HTML・CSS
-
18
PHPについて。
PHP
-
19
phpのheader(Location:#pos")でidがposの所へ移動できますがidがpos"
PHP
-
20
食材の期限を管理するためにGASを利用しようとしたのですがうまく動作してくれません
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
EJSを仕事でなんとなくで使って...
-
iPhoneで HTMLファイルを閲覧
-
レイアウトが異なる別のワーク...
-
webディベロッパーについて詳し...
-
、URL化させるにはどうしたらい...
-
コードを書いて下さい( ; ; )...
-
HTMLタグのあるCSVファイルを利...
-
静止画画像をクリックすると音...
-
テーブルの行を折りたたみたい...
-
WEBページを強制的に横画面で見...
-
スマホでHTMLファイルを開いて...
-
CSSを教えて下さい webデザイナ...
-
CSSを教えて下さい webデザイナ...
-
CSSでinputのテキストカラーを...
-
2カラム、左メニュー、特定パー...
-
このサイトのカテゴリのチェッ...
-
HTMLについて教えてください。 ...
-
HTML CSSの勉強のポートフォリ...
-
スライダーの枠に動画を収める...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
iPhoneで HTMLファイルを閲覧
-
レイアウトが異なる別のワーク...
-
webディベロッパーについて詳し...
-
css初心者 フレックスボックス...
-
EJSを仕事でなんとなくで使って...
-
CSSを教えて下さい webデザイナ...
-
メモ帳の段落の揃え方
-
CSSを教えて下さい webデザイナ...
-
WEBページを強制的に横画面で見...
-
CSSでinputのテキストカラーを...
-
2カラム、左メニュー、特定パー...
-
、URL化させるにはどうしたらい...
-
静止画画像をクリックすると音...
-
角丸画像の背景色を透明にした...
-
<input>のstep属性に違反する入...
-
このサイトのカテゴリのチェッ...
-
テーブルのセルデータを自動改...
-
テーブルタグのセルの幅の一部...
おすすめ情報