将菜单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