2016-07-05 4 views
0

MY SERVERはPHP/JAVASCRIPTをサポートするためにも基本的なものですが、どのような提案ですか?html/css - 複数のページを持つhtmlウェブサイト - 呼び出せるメニューは1つありますか?

私は複数のページを持つHTMLウェブサイトを持っています。私はすべてのページで同じメニューを使用しています。ページを追加すると、各ページに追加してコードを編集します。

私は、呼び出すことができるメニューページを追加する方法があるのだろうか?

私はCSS/HTMLを使用して何か助けになることは可能ですか?私はちょっと調べたことがありますが、それはPHPが関わっていると思いますが、PHPをCSS/HTMLと一緒に使用することはできますか?

+0

たとえば、現在2ページあります。 MySite.htmlとMySite.css。これらに何をする必要があり、どのページを追加する必要がありますか? – Alan

答えて

1

あなたは別のHTMLにあなたのメニューのためのコードを持っており、あなたはそれを行うことができるようにPHPを使用する必要があり、すべての他のHTMLファイル

<html> 
 

 
<head> 
 
    <title>test page</title> 
 
    <script src="http://code.jquery.com/jquery-3.0.0.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <div id="header"> 
 
    <div id="menu"> 
 
    </div> 
 
    Rest of the Header Content 
 
    </div> 
 
    <br /> 
 
    <div id="content"> 
 
    Main Content 
 
    </div> 
 
    <br /> 
 
    <div id="footer"> 
 
    Footer Content 
 
    </div> 
 
    <script> 
 
    $("#menu").load("menu.html"); 
 
    </script> 
 
</body> 
 
</html>

+0

ありがとう、私はこれを私のアプリケーション内で動作させるためにこれを適応させようとするでしょう – Alan

+0

あなたがこの作業を親切に受け入れることができればそれは答えとして受け入れます:) –

0

でそれを呼び出すことができます。あなたのindex.php

<?php include '../elements/menu.php'; ?> 

を:

は、2つの独立したファイルを実行し、一つはあなたが追加する必要がmenu.php含めるには、あなたのindex.phpおよびその他のmenu.php

になります。

あなたのすべての他の要素はまだあなたの新しい拡張機能は、すべてのあなたのウェブサイトのページ上でこのメニューを含めると、ページを追加したい場合は、あなただけ追加する必要があります.PHP

であっても、HTMLでコーディングすることができますmenu.phpのリンクをクリックすると、どこにでも表示されます。

+0

これは今私がhtmlページ、 CSSページと2 PHPページ? – Alan

+0

私はこれをやったことがありますが、それは私のために働くようには見えませんか? – Alan

+0

サーバーで実行していますか? – Relisora

0

@ Html.Render( "pagename.html");を使用してください。

+0

私はあなたの答えのいずれかを得るように見えることはできません、私は実際のプロトタイプを見ることができたonllineリソースはありますか? – Alan

+0

'master layout in html'を検索する – Rohit