2013-04-11 61 views
0

我期待把一個gui與html和php加載到一個目錄中的數據。基本html/php/jquery gui

我想有一個側面菜單欄上的數據從.php文件加載到主體區域中的鏈接,但我不完全明白如何去做。任何幫助,你可以提供將不勝感激。

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<link href="common/style.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="common/jquery-1.9.1.js"></script> 

<!-- Functions --> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    function dataSelect(proj) { 
     alert(proj.id); 
     $.ajax({ 
      url: "core/catalogue.php?p="+proj, 
       cache: false, 
       success: function(html){ 
        $("#dataSelect").html(html); 
       } 
     }); 
    }    
}); 
</script> 
</head> 

<body> 
<form id="form1" name="form1" method="post" action=""> 
    <div id="topheader"> 
     <div class="logo"> 
     <div class="head"> Whatever </div> 
     </div> 
    </div> 
    <div id="body_area"> 
     <div class="left"> 
      <div class="left_menutop"></div> 
      <div class="left_menu_area"> 
       <div class="left_menu_title">Projects:</div> 
       <div align="right"> 
        <a href="#" class="left_menu" id="someProject" onclick="dataSelect(this)">Some Project</a><br /> 
       </div> 
      </div>  
     </div> 
     <div class="midarea" id="body"> 
      <div class="body_textarea"> 
       <div align="justify" id="dataSelect"></div> 
      </div> 
     </div> 
    </div> 
</form> 

</body> 
</html> 

感謝您的幫助!

+0

你能更多地討論你的問題。 – cherit 2013-04-11 16:18:14

+0

當我選擇菜單欄上的鏈接時,我正在尋找將數據加載到「dataSelect」div中。在我發佈這篇文章之後,我把我的頭從我的$ $$中解救出來並計算出來。 – txcotrader 2013-04-11 16:46:31

回答

0

這裏是否有人在那裏正在完成同樣的事情,工作代碼:

<!-- Functions --> 
<script type="text/javascript"> 
$(document).ready(function(){ 

    $(".left_menu").click(function(){ 
     val = this.id;  
     $.ajax({ 
      url: "core/catalogue.php?p="+this.id, 
       cache: false, 
       success: function(html){ 
        $("#dataSelect").html(html); 
       } 
     }); 
    });//end $(".left_menu").click 

});//end $(document).ready 
</script> 
</head>