管理面板中的动态内容
Dynamic content in admin panel
我目前正在为一个网站建立一个管理控制面板,我和一些朋友正在启动。我想为面板包含在左边的菜单,只是切换出什么内容显示在中间的右边的主页上。基本上菜单是由按钮组成的,当一个按钮被点击时,我希望它改变什么内容是可见的。这是可能的javascript吗?如果有,有人知道怎么把它链接到html吗?我给标签某种类型的标识符,javascript函数调用?我知道我的问题可能看起来很模糊,但对这件事的任何帮助都会非常感激。
可以使用jQuery。它应该是这样的:
<head>
<script type="text/javascript">
function loadPage(thePage)
{
$.ajax({
type: 'GET',
url: thePage,
success: function(response) {
$('#main_content').html(response);
},
dataType: 'html'
});
}
$(document).ready(function() {
// I just imagine you have some php pages here
$('#add_employee').click = loadPage('AddEmployee.php');
$('#show_employee').click = loadPage('ShowEmployees.php');
});
</script>
</head>
<body>
<div id="left_panel">
<a href="#" id="add_employee">Add employee</a>
<a href="#" id="show_employee">Show employees</a>
</div>
<div id="main_content">
// This is your main content on the right of the admin panel
</div>
</body>
您可以使用simpleTabs和Jquery之类的东西。我在这里创建了一个演示,http://jsfiddle.net/6kN5M/
如果你愿意,基本上忽略CSS布局。从标记中要理解的主要事情是,第一个选项卡/按钮被突出显示,它显示了第一个内容。当你点击另一个选项卡/按钮时,就会显示另一段内容。
相关文章:
- 无法从 jQuery RSS Feed 中的 localStorage 动态替换类
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 以角度管理动态URL
- 如何在应用中管理到 Firebase 数据的动态路径
- 管理动态磁贴和应用程序生命周期
- 动态跟踪代码管理器 - Adobe 分析工具条件
- 从 Java 管理动态 JavaScript 的最佳实践是什么?
- 动态链接URL包含声音管理器2要播放的wav文件的位置
- 使用textarea-tinymce插件管理动态添加和删除元素
- 为什么Safari不能管理这种动态cssStyle
- 动态管理或引导
- 动态使用节来管理字段
- 管理面板中的动态内容
- ExtJs如何在一个控制器下创建和管理动态视图
- 问题更新Adobe分析变量通过数据元素在动态标签管理器- DTM
- 在vb.net中使用脚本管理器动态追加时间
- JavaScript:管理/添加动态内容和页面加载的最佳方法
- 您可以配置Adobe动态标记管理器(DTM),以便在设置数据元素之前加载脚本吗?
- JavaScript同位素-如何管理动态数据集(重新初始化同位素)
- 动态下拉列表在管理面板