管理面板中的动态内容

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

来源

2011-11-01 Khawaja

我可能是错的，但它听起来像你想要使用三个选项之一来获得这些结果：1）帧，2）iframes，3）ajax。 JavaScript将涉及所有三个实例。你想用哪三种？ – James

@James你也可以通过隐藏和显示父容器div中正确的div来实现。 –

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

来源

2011-11-01 13:54:00

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

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

来源

2011-11-01 14:56:41 Crashdesk

管理面板中的动态内容

回答

相关问题