晴耕雨プログラミング

<script type="text/javascript">
    function highlightKeyword(keyword) {
        var tbls = document.getElementsByTagName("table");
        // 一番上のテーブルを除く全てのテーブルの全ての行の全てのセル内を置換
        for (var i = 1; i < tbls.length; i++) {
            for (var j = 1; j < tbls[i].rows.length; j++) {
                for (var k = 0; k < tbls[i].rows[j].cells.length; k++) {
                    var str = tbls[i].rows[j].cells[k].innerHTML;
                    // 既にタグが付いてるかも知れないので削除してから追加
                    tbls[i].rows[j].cells[k].innerHTML = str.replace('<span style="background: yellow;">', '').replace('</span>', '').replace(keyword, '<span style="background: yellow;">' + keyword + '</span>');
                }
            }
        }
    }
</script>

<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
    <a class="navbar-brand" runat="server" href="~/">テスト用</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbar">
        <asp:Menu ID="mainmenu" DataSourceID="SiteMapDataSource1"
            runat="server" 
            Orientation="Horizontal" 
            StaticDisplayLevels="2"
            StaticEnableDefaultPopOutImage="False"
            MaximumDynamicDisplayLevels="10" 
            EnableViewState="false"
            StaticMenuStyle-CssClass="navbar-nav mr-auto" 
            StaticSelectedStyle-CssClass="active"
            DynamicMenuStyle-CssClass="dropdown-menu" 
            IncludeStyleBlock="false" 
            SkipLinkText=""
            RenderingMode="List"
            StaticMenuItemStyle-CssClass="nav-link"
            DynamicMenuItemStyle-CssClass="dropdown-item">
        </asp:Menu>
    </div>
</nav>

<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li><a runat="server" href="~/">ホーム</a></li>
        <li><a runat="server" href="~/About">詳細</a></li>
        <li><a runat="server" href="~/Contact">問い合わせ</a></li>
    </ul>
</div>

<asp:Menu ID="Menu1" runat="server"
  DataSourceID="SiteMapDataSource1" CssClass="navbar-collapse collapse"
  DynamicMenuStyle-CssClass="dropdown-menu" StaticDisplayLevels="2"
  StaticMenuStyle-CssClass="nav navbar-nav" StaticSelectedStyle-ForeColor="#ffffff" StaticSelectedStyle-BackColor="#000">
  <StaticSelectedStyle CssClass="active" /><!-- これが効かない -->
</asp:Menu>

やりたかったこと

結論

手順

• 親プロジェクトを通常のWebFormアプリとして作成。Web.sitemapを追加しておく。
• 親プロジェクトの直下に子プロジェクト用のフォルダ作成。子供の数が多くなりそうな場合は専用のフォルダ（Modulesにしました）作成。
• ソリューションと一旦閉じてModulesの中に子プロジェクトを作成。ソリューション用のディレクトリは作成しない。テンプレートは空のWebサイト。作成したら一旦ソリューションを閉じる。
• 親ソリューションを開く。既存のプロジェクトの追加で、上で作成した子プロジェクトを選択。
• 子にSite.Masterを追加。ContentPlaceHolderのIDを親プロジェクトのIDと合わせる。例では親にデフォルトのWeb Formsサイトを使ったので、「MainContent」一つに。デザインはどうでも良い（実行時には親プロジェクトのSite.Masterが適用される）。
• 子にSite.Masterを使ったWebFormを追加。最終的なプロジェクトの構成は下記のような感じ。

• 子プロジェクトのビルドの出力先を、親プロジェクトのbinフォルダに設定変更後、子プロジェクトをビルド

• 親プロジェクトのサイトマップに子プロジェクトのメニューを追加。親プロジェクトを実行。

• 子プロジェクトのページもちゃんと親プロジェクトのヘッダとフッタがついて表示されます

• お買い得品のページに認証かけてみたら、ちゃんとログイン画面へはじかれました。