如何通过单击'include('menu.html')'上的菜单中的一个Li来将html
How to load a HTML-page into a DIV by clicking a Li from inside a menu on an 'include('menu.html')'
我有一个应用程序,有'guest'和'user'内容。我构建了一个menuIn.html和一个menuOut.html(用于登录/退出),并以以下方式从我的MainPage.php的html中调用它们。(建议来自:PHP更简单的方式来隐藏/显示菜单项登录/注销用户)
include ('includes/header.html');
if (isset($_SESSION['user_id'])) {
include('menuIn.html');
}else{
include('menuOut.html');
}
点击后,menuIn.html中的链接调用一个jQuery脚本,该脚本在SelectedPage.php的html部分中放置一个div。总的来说,我的目标是只从菜单中更改SelectedPage的div。以下是我的尝试和参考。在所有SelectedPage.php代码:AboutUs.php:接收div是:
<div id="target1"></div> // On AboutUs.php
<div id="target2"></div> // On FAQs.php etc.
menu .html代码:
<li><a href="About.php" class="ajaxtrigger1">Contact</a></li>
<li><a href="FAQs.php" class="ajaxtrigger2">Contact</a></li>
jQuery调用number1 call1.js:
$('.ajaxtrigger1').click(function(){
var url = $(this).attr('href');
$('#target1').load(url);
return false;
});
加载到不同div的文件是Add1.html, Add2.html, Add3.html:
"Hello World1, Hello world2,3等"
所有文件存储在同一个目录中,jQuery.js和call1.js, call2.js等在头部被引用。我已经得到了它的工作,如果菜单不是在一个包含('file.html'),但我没有菜单显示链接登录/退出用户的可能性。
研究:- http://jsfiddle.net/dhirajbodicherla/bNx4g/2/(这看起来很接近,但评论不好) 如何使用Jquery load()从外部页面加载一个按钮到div内容
- 如何加载一个html页面到一个DIV通过点击菜单中的一个Li ?
我愿意接受任何建议,包括完全重写。请重新阅读我的总体目标和所有的帮助是感激的。谢谢你。
找到我的错误。对call1.js的引用需要在body标签中(我现在已经将其放在底部body标签中),而不是在head标签中。在那里工作,但不是在头标签!谢谢你的帮助。
<body>
General code....then
<script src="call1.js"></script>
<script src="call2.js"></script>
<script src="call3.js"></script>
</body>
为什么使用javascript。而不是javascript,只是使用iframes。像这样。
<iframe name="iframe_a"></iframe>
<iframe name="iframe_b"></iframe>
<li><a href="About.php" target="iframe_a">Contact</a></li>
<li><a href="FAQs.php" target="iframe_b">Contact</a></li>
通过这种方式,您可以轻松地在单个页面上显示不同页面的数据
- 使用javascript将动态表从一个html页面打印到另一个html页
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- 从html创建一个指令,该指令按类名应用函数
- 如何将值传递到上一个html页面
- 如何通过HTML+CSS中的另一个元素Selector更改元素的属性值
- 一个html元素的克隆次数太多
- 使用AngularJS Directive WHITOUT$scope创建一个动态html元素
- 一个正则表达式,用于从JS中的HTML标记中删除id、样式和类属性
- 创建一个循环来简化HTML和CSS代码
- 从Chrome扩展名中的popup.html文件在background.js文件中运行一个函数
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- HTML外部javascript加载另一个javascript
- 将html元素插入到文本字符串中,以匹配另一个html字符串
- 如何在另一个html文件的框架中包含图像
- 按下一个HTML按钮,该按钮使用一个功能在同一个新窗口中打开URL
- 我可以共享一个HTML播放器吗
- 如何在一个html页面上使用js进行2次乘法运算
- 使用数据属性将HTML数据复制到另一个元素
- 返回值从 Javascript 到 HTML <一个 href> 标记
- HTML -一个页面上的多个表单-在POST方法中发送CSV列表