將菜單div加載到不在新選項卡中的Content div中

Question

我正在嘗試更新舊框架網站。 標題/菜單/內容格式。 我才剛剛開始學習div。 我創建了3個divs標題/菜單/內容。 看起來很棒。 我想單擊“菜單” div中的一個項目，然后將其加載到“內容” div中...這是我的嘗試

<body>
    <div id="header">HEADER TEXT</div>
    <div id="menu">LINKS
        <ul>
            <li><a href="link1.htm" target="content"> Link 1 </a>
            </li>
            <li><a href="link2.htm" target="content"> Link 2 </a>
            </li>
            <li><a href="link3.htm" target="content"> Link 3 </a>
            </li>
        </ul>
    </div>
    <div id="content">CONTENT</div>
</body>

鏈接在新選項卡中打開。 我想念什么？ 我一直在研究並發現對iframe的參考。 這是需要什么嗎？

現在我已經解決了..使用此鏈接，但是在那種情況下我無法給該書簽..我該如何克服這個問題？ 提前致謝..

Answer 1

沒有javascript，您無法更改div的內容。 您可能要使用jQuery-將以下腳本放在<head>標記中：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#menu a").click(function (e) {
            var $this = $(this);

            $("#" + $this.attr("target")).load($this.attr("href"));

            e.preventDefault();// to make browser not follow the link
        });
    });
</script>

Answer 2

您可以使用php開關功能執行此操作，但是必須將開關置於目標div內，並將鏈接置於該div之外（在這種情況下，這是將鏈接和div正確放置的問題。

您也可以同時使用$ _GET和$ _POST來完成此操作（最好再使用IMO開關）這是一件很復雜的事情。

但是有時候這是一件您可以從中受益的事情：例如，如果您要處理大量模板/主題，而這些主題中包含的jscript是ajax等版本； 如果您在同一網頁上使用不同的版本，則這些沖突。 因此，如果您打算使用自己的ajax版本執行該工作，並且模板未使用同一版本（這很可能會發生），那么使用ajax或jquery將不起作用。 如果是這種情況，那么在使用ajax或jquery來完成任務時會遇到問題（根據我的經驗，現在正在使用各種版本，並且您不能在同一網頁上使用2個不同的版本。

使用ajax，jquery javascript是更好的方法，因為php是服務器端腳本語言，而javascript（ajax，jquery）是客戶端腳本語言，可用於從客戶端頁面與服務器交互：如果正確完成，則服務器直接答復，並且該答復被腳本中規定的運行時在該瞬間解析到同一頁面上的javascript函數捕獲。 如果您想了解使用$ _POST和$ _GET（它們是預定義的php函數，可以一起使用），則可以使用Google搜索進行一些研究。 並對PHP開關功能進行一些研究。

此鏈接在開關中使用$ _GET和$ _POST是一個很好的例證： http : //www.intechgrity.com/using-php-get-and-post-simultaneously-via-single-html-form/#

希望對您有幫助

將菜單div加載到不在新選項卡中的Content div中

問題描述

2 個解決方案

解決方案1
0 2013-07-27 09:16:53

解決方案2
0 2013-11-10 04:59:32

將菜單div加載到不在新選項卡中的Content div中

問題描述

2 個解決方案

解決方案1 0 2013-07-27 09:16:53

解決方案2 0 2013-11-10 04:59:32

解決方案1
0 2013-07-27 09:16:53

解決方案2
0 2013-11-10 04:59:32