2012-03-12 23 views
1

私は、動的なドロップダウンメニューを持つHTMLページ(index.htmlと言う)を作ろうとしています。私がやりたいことは、maintianに簡単になるように、別のHTMLファイル(menu.html)にドロップダウンメニューを保存することです。私が知りたいことは、index.htmlファイル内にmenu.htmlファイルをロードする方法です。別のhtmlファイルでhtmlファイルを読み込む

いくつかのフレーム例を試しましたが、DDメニューを含むmenu.htmlファイルがインデックスページに表示されません。

と同様に、例えば、私はインデックスページでこれを試してみましたが、何も表示されません:

<frameset rows="200,*" frameborder="0" border="0" framespacing="0"> 
<frame src="menu.html" marginheight="0" marginwidth="0" scrolling="auto" noresize> 
+2

てみ '​​' –

+1

iframeタグを使用する場合は、幅と高さを追加することを忘れないでください。 –

+1

phpのようなWeb用の動的言語を使う方が良い。このチュートリアルをお勧めしますhttp://tutorialzine.com/2011/08/jquery-mobile-mvc-website-part-2/ – dotoree

答えて

1

HTMLのままにしたい場合は、希望する幅と高さの<iframe src="menu.html" width=400 height=200></iframe> を使用します。

しかし、最高のは、このようなファイルを含むことにより、PHPを使用することです:
<?php include('menu.html'); ?>

しかし、それは最後にあなたの選択です。

0

を説明hereとして、列幅を指定してみてください。

<frameset cols="100%"> 
    <frameset rows="200, *"> 
0

phpを使用している場合は、単にそれを含めることができます。ここには、これを行う方法を示すチュートリアルへのリンクがありますtutorial。 PHPを使用しない場合、この答えは無視してください。しかし、これはコンテンツの表示方法に制限のあるフレームよりはるかに優れています。

0

この目的で、jQueryと.load()関数を使用できます。

例:

のjQuery:

$(function() { 
    $("#menu").load("menu.html"); 
}); 

HTML:jQueryのを使用して

<div id="menu"> 
</div> 
0

あなたは

<html> 
    <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){ 
     $("#divId").load("b.html"); 
    }); 
    </script> 
    </head> 

    <body> 
    <div id="divId"></div> 
    </body> 
</html> 
関連する問題