0

こんばんは、私はウェブサイトを持っており、これまでのところすべてのページにナビゲーション コードをコピーしています。迷惑ですよね:)

ただし、HTML を保持するために PHP などを使用したいので、編集するファイルは 1 つだけです。ただし、ナビゲーション バーの動作方法のために、クリックされたリンクを強調表示したままにし、ユーザーがどのページにいるかを示すクラスが呼び出されます。

コードは次のとおりです。

<nav>
                    <ul class="menu">
                        <li class="active"><a href="index.html"><strong><strong>Home</strong></strong></a></li>
                        <li><a href="services.html"><strong><strong>services</strong></strong></a>
                          <ul>
                                <li><a herf="services.html">Repairs</a>
                                    <ul>
                                        <li><a href="phonerep.html">Phone Repairs</a>
                                      <li><a href="podrep.html">Ipod Repairs</a>
                                    <li><a href="padrep.html">Ipad Repairs</a>
                                  <li><a href="comprep.html">Computer & Laptop Repairs</a>
                                  </ul>
                                </li>
                                <li><a href="compmain.html">Maintenance & Upgrades</a>
                                    <ul>
                                        <li><a href="compmain.html">Computers & Laptops</a>
                                  </ul>
                              </li>
                              <li><a href="tuition.html">Tutoring</a></li>
                              <li><a href="spechelp.html">Specialist Help</a></li>
                          </ul>
                        </li>
                        <li><a href="iphone.html"><strong><strong>Prices</strong></strong></a>
                            <ul>
                                <li><a href="iphone.html">Iphone</a>
                                 <li><a href="ipod.html">Ipod</a>
                                  <li><a href="ipad.html">Ipad</a>
                                    <li><a href="complap.html">Computer and Laptop</a>
                          </ul>
                        <li><a href="about.html"><strong><strong>about</strong></strong></a></li>
                        <li><a href="contactus.html"><strong><strong>Contact</strong></strong></a></li>
                    </ul>
                </nav>

お時間をいただきありがとうございます。

4

1 に答える 1

1

私はあなたのためにそれをするつもりはありませんが、あなたができることは非常に簡単です。 PHP に):

myMenu.php

<nav>
  <ul class="menu">
    <li <?PHP if($PAGE == 'home') echo 'class="active">'; ?>><a href="index.html"><strong><strong>Home</strong></strong></a></li>
    <li <?PHP if($PAGE == 'service') echo 'class="active">'; ?>><a href="services.html"><strong><strong>services</strong></strong></a>
    <ul>
      <li <?PHP if($PAGE == 'home') echo 'class="active">'; ?>><a herf="services.html">Repairs</a> <--Type here, should be href, not herf! :-)
[...]

$PAGE各ページで適切な文字列を使用してインクルードを呼び出す前に、変数を定義するだけです。

index.php:

$PAGE = 'home';
include 'myMenu.php';

services.php:

$PAGE = 'services';
include 'myMenu.php';

Javascript を使用することもできますが、これは PHP/HTML タグで投稿したので、ここでは省略します。

于 2012-12-30T05:50:39.783 に答える