Question

我目前正在为网站构建一个管理控制面板，一些好友正在推出。我希望面板在左侧包含一个菜单，只显示中间右侧主页上显示的内容。所以基本上菜单由按钮组成，当点击按钮时，我希望它改变可见的内容。用javascript可以实现吗？如果是这样，有没有人知道如何将其链接到HTML？我给标签一些javascript函数调用的标识符吗？我知道我的问题可能看起来很模糊，但是对此事的任何帮助都将不胜感激。

Answer 1

你可以使用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>

Answer 2

你可以使用像simpleTabs和Jquery这样的东西。我在这里创建了一个演示，http://jsfiddle.net/6kN5M/

如果需要，基本上忽略CSS布局。从标记中理解的主要内容是第一个选项卡/按钮被突出显示，它显示第一个内容。当你舔另一个标签/按钮时，这会显示另一个内容。您可以根据需要添加任意数量的标签。

管理面板中的动态内容

2 个答案: